/* Network Service CSS 04/12/16 */

/* element */
body {
	font-family: "ＭＳ ゴシック";
}
h1 {
	font-size: large;
	margin: 0px;
}
h2 {
	font-size: medium;
}
h3 {
	font-size: small;
}
h4 {
	font-size: small;
}
h3.tab {
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}
img {
	border: none;
}
hr {
	color: #bdbebd;
	height: 1px;
}

/* nicetitle */
div.nicetitle {
	position: absolute;
	padding: 4px;
	top: 0px;
	left: 0px;
	color: #003366;
	background: #F2F5F7;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 300px;
    
/* Mozilla proprietary */
    -moz-border-radius: 12px;
	border: 1px solid #003366;
	margin-top: -5px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}

/* id */
#contentsTable {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

#relation {
	margin-top: 10px;
	margin-bottom: 10px;
}
#relation h2 {
	margin-top: 5px;
	margin-bottom: 5px;
}
#relation ul {
	margin-top: 0px;
	padding-left: 1em;
	margin-left: 0px;
}
#relation li {
	font-size: 68.75%;
	list-style-image: url(images/relation_listmark.gif);
	margin-top: 0.2em;
	margin-bottom: 0.2em;

}
.banner {
	margin-bottom: 8px;
	font-size: 75%;
}


#summary {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	margin-top: 10px;
	font-size: 75%;
	line-height: 150%;
	width: 760px;
}


/* class*/
/* .listSoft {
	list-style-image: url(images/listmark_soft.gif);
}
.listEbook {
	list-style-image: url(images/listmark_ebook.gif);
}
.listSecurity {
	list-style-image: url(images/listmark_security.gif);
}
.listStorage {
	list-style-image: url(images/listmark_storage.gif);
}
.listPhoto {
	list-style-image: url(images/listmark_photo.gif);
}
.listSeminar {
	list-style-image: url(images/listmark_seminar.gif);
}
.listGame {
	list-style-image: url(images/listmark_game.gif);
}
.listMail {
	list-style-image: url(images/listmark_mail.gif);
}
.listMusic {
	list-style-image: url(images/listmark_music.gif);
}
.listImage {
	list-style-image: url(images/listmark_image.gif);
}
.listMap {
	list-style-image: url(images/listmark_map.gif);
}
.listSupport {
	list-style-image: url(images/listmark_support.gif);
}
*/

.listGenre {
	list-style-image: url(images/listmark_products.gif);
}
.listVaio {
	list-style-image: url(images/listmark_vaio.gif);
}
.listProducts {
	list-style-image: url(images/listmark_products.gif);
}
.clear {
	clear: both;
}
.clearL {
	clear: left;
}
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.separatorL {
	background-image: url(images/separator_left.gif);
	background-repeat: repeat-y;
}
.separatorR {
	background-image: url(images/separator_right.gif);
	background-repeat: repeat-y;
}

/* topics */
#topics {
	background-image: url(images/topics_bg.gif);
	background-repeat: repeat-y;
	width: 600px;
	height: 60px;
	margin-left: 8px;
	padding-right: 16px;
	margin-bottom: 20px;
}
#topics img {
	float: left;
	margin-left: 1px;
}
#topics p {
	font-size: 68.75%;
	line-height: 130%;
	margin: 0px;
}

/* topics */
#topics2 {
	width: 608px;
	height: 60px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 20px;
}
#topics2 p {
	margin: 0px;
}

/* topics */
#topics3 {
	width: 608px;
	height: 60px;
	padding-left: 0px;
	padding-right: 8px;
	margin-left: 8px;
	margin-bottom: 15px;
}
#topics3 p {
	margin: 0px;
}

#banner {
	width: 608px;
	height: 164px;
	padding-right: 8px;
	padding-left: 8px;
}
#banner p {
	margin: 0px;
}
#bannerL {
	float: left;
	margin-right: 4px;
	width: 468px;
	height: 164px;
}
#bannerR {
	float: right;
}
#bannerM1 {
	margin-bottom: 4px;
	width: 136px;
}
#bannerM2 {
	width: 136px;
}

/* layout */
#col {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
#main {
	width: 612px;
	padding-right: 4px;
	padding-left: 8px;
}
#content {
	width: 612px;
	background-image: url(images/tab_bg.gif);
	background-repeat: repeat-y;
	padding-top: 8px;
}
#content ul {
	font-size: 75%;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
}

#tabLeft {
	float: left;
	width: 288px;
	padding-right: 8px;
	padding-left: 8px;
}
#tabRight {
	float: right;
	width: 288px;
	padding-right: 12px;
	padding-left: 8px;
}

/* vaio */
#vaioTitleGenre {
	margin-right: 20px;
	margin-left: 16px;
	margin-bottom: 0px;
}
#vaio {
	color: #5A595A;
	background-color: #FFFFFF;
	padding: 8px;
	margin-right: 20px;
	margin-left: 16px;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	margin-bottom: 16px;
	width: 558px;
}
#vaio h3 {
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#vaio p {
	margin: 0px;
}
.vaioLeft {
	float: left;
	width: 277px;
}
.vaioRight {
	float: right;
	width: 277px;
}

#vaioTitleProducts {
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#vaioProducts {
	color: #5A595A;
	background-color: #FFFFFF;
	margin-bottom: 16px;
	margin-top: 0px;
	margin-right: 8px;
	margin-left: 8px;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	padding-top: 8px;
	padding-bottom: 8px;
}
#vaioProducts h4 {
	color: #000018;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* supplement */
#supplement {
	color: #5A595A;
	background-color: #F7F7F7;
	font-size: 68.75%;
	line-height: 130%;
	margin-top: 5px;
	padding: 5px;
	margin-right: 12px;
	margin-left: 8px;
}
#supplement p {
	margin: 0px;
}
.supplementLeft {
	float: left;
	width: 280px;
}
.supplementRight {
	float: right;
	width: 280px;
}

#colL {
	float: left;
	width: 612px;
}
.colRelation {
	width: 120px;
	float: right;
	padding-right: 8px;
}
.lineL {
	background-image: url(images/separator_left.gif);
	background-repeat: repeat-y;
	width: 8px;
}
.lineR {
	background-image: url(images/separator_right.gif);
	background-repeat: repeat-y;
	width: 8px;
}
.tabH2 {
	float: left;
	margin: 0px;
}
#topics p {
	font-size: 75%;
	line-height: 150%;
}

#postscript {
	width: 582px;
	font-size: x-small;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 5px;
	margin-left: 8px;
	background-image: url(images/topics_bg.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #BFBFBF;

}