@charset "euc-jp";

#DocBody {
	width: 950px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
	
	font-size:60%;
	line-height:220%;
}

#PopDocBody {
	width: 685px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
	
	font-size:60%;
	line-height:220%;
}

/* Header
---------------------------------------------------------*/
#Header {
	height: 86px;
	padding: 0 10px;
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	position: relative;
}
	#Header h1 {
	float: left;
	}
	#Hmenu {
	position: absolute;
	right: 0px;
	top: 50px;
	}
	#Hmenu li {
		float: left;
		background-image: url(/common/images/ico_arrow_purple.gif);
		background-repeat: no-repeat;
		padding: 0 10px 5px 20px;
		font-size: 130%;
		line-height:120%;
	}	
	
	#Hfont {
	width: 172px;
	position: absolute;
	right: 10px;
	top: 7px;
	background-image: url(../images/bg_fontsize.gif);
	background-repeat: no-repeat;
	padding: 6px 0 6px 5px;
	}
	#Hfont dd, 
	#Hfont dt {
	float: left;
	margin-right: 3px;
	}
	#Hfont dd {
	width: 21px;
}
	
#PopHeader {
	padding:24px 0;
}
	
/* Bread & Search
---------------------------------------------------------*/
#Bread {
	clear:both;
	background:url(/common/images/icon-bread.gif) left 0.5em no-repeat;
	padding:0 18px;
	margin:6px 0;
}
#Bread dt, 
#Bread dd {
	float: left;
	font-size: 120%;
	padding-right: 6px;
}
#Bread dd {
	background-image: url(/common/images/bg_bread.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	}
	
#Keyword {
	float: right;
	padding: 9px 10px;
	height: 19px;
	}
	
#Keyword li {
	float: left;
	padding-left: 6px;
	}
#Keyword li img,
#Keyword li input {
	vertical-align: bottom;
	}
#Keyword li.submit {
	padding-top: 1px;
}
/* Mainimage
---------------------------------------------------------*/
#Mainimage {
	height: 250px;
	}
#Subimage {
	height: 100px;
	}
	
#Mainimage, 
#Subimage {
	width: 930px;
	padding: 0 10px;
	clear: both;
}
#Mainimage img, 
#Subimage img {
	vertical-align: bottom;
}

/* GlobalNavi
---------------------------------------------------------*/
#GlobalNavi {
	float:left;
	width:230px;
	font-size:140%;
}
	/* GlobalNavi 上部 */
	#GlobalNavi #Navi{
		color:#5D3F90;
	}
		#GlobalNavi #Navi .NaviList{
			background:url(/common/images/bg-gnavi-middle.gif) left top repeat-y;
			margin-bottom:12px;
		}
		#GlobalNavi #Navi .NaviList{
			background:url(/common/images/bg-gnavi-middle.gif) left top repeat-y;
		}
		#GlobalNavi #Navi .NaviContent{
			background:url(/common/images/bg-gnavi-bottom.gif) left bottom no-repeat;
			padding:0 10px 3px 10px;
		}
			#GlobalNavi #Navi .NaviContent li{
				background:url(/common/images/icon-square-purple.gif) left 0.4em no-repeat;
				padding:0 0 3px 16px;
			}
			#GlobalNavi #Navi .NaviContent li li{
				background:url(/common/images/icon-dotto.gif) left 0.4em no-repeat;
			}
			
	/* GlobalNavi 下部 */
	#GlobalNavi #NavilistBottom {
		
	}
		#GlobalNavi #NavilistBottom li{
			background:url(/common/images/bg-gnavibottom.gif) left bottom repeat-x;
		}
		#GlobalNavi #NavilistBottom li a{
			display:block;
			height:2em;
			padding:0 0 0 28px;
			margin-bottom:6px;
			background:url(/common/images/icon-arrow-01.gif) 10px 0.3em no-repeat;
		}
/* アクティブナビの設定 */
#GlobalNavi.navi1 .navi1 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi2 .navi2 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi3 .navi3 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi4 .navi4 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi42 .navi42 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi43 .navi43 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi45 .navi45 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi5 .navi5 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi6 .navi6 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi7 .navi7 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi8 .navi8 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi9 .navi9 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi10 .navi10 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi11 .navi11 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi12 .navi12 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi13 .navi13 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi14 .navi14 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi15 .navi15 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi16 .navi16 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi17 .navi17 a { text-decoration:none; font-weight:bold;  color:#CC0000;}
#GlobalNavi.navi18 .navi18 a { text-decoration:none; font-weight:bold;  color:#CC0000;}




/* Contents
---------------------------------------------------------*/
#ContentsTop {
	font-size:140%;
	clear: both;
	margin: 0px;
	height: 1%;
	}
#Contents {
	font-size:140%;
	margin: 0px;
	height: 1%;
	float:right;
	width:685px;
	}
#PopContents {
	font-size:140%;
	margin: 0px;
}

/*
	#Contents h2 {
	padding: 8px;
	background-repeat: no-repeat;	
	margin-bottom: 10px;
	background-image: url(../images/bg_ttl.gif);
}
*/
/*
	#Contents h3 {
	height: 20px;
	background-image: url(../images/bg_ttl_mainbox.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
	color: #36146E;
	font-size: 85%;
	padding: 5px 10px;
	}
*/
#Cleft {
	float: left;
	width: 210px;
	height: 300px;
	background-color: #ededed;
	margin-right: 15px;
	}
#Cmenu {
	float: left;
	width: 253px;
	margin-right: 15px;
	}
	#Cmenu h3 {
	}
	#Cmenu .Menubox {
	background-color: #ededed;
	padding: 8px;
	margin-bottom: 10px;
	}
	#Cmenu .Menumain {
	margin-top: 8px;
	background-color: #fff;
	padding: 8px;
	}
	#Cmenu .Menumain li {
	line-height: 180%;
	}
	#Cmenu .bnrBBS {
		margin-bottom:10px;
	}
	
#Cmain {
	width: 662px;
	margin: 0;
	float: left;
	}
	#Cmain h2 {
	background-image: url(../images/bg_ttl_cmain.gif);
	}
	#Cmain .Mainbox {
	clear: both;
	width: 662px;
	position: relative;
	margin: 0 0 15px;
	}
	#Cmain .Mainbox .Thumb {
	float: left;
	margin-right: 15px;
	}
	#Cmain .Mainbox .Detail {
	background-color: #f5f5f5;
	height: 80px;
	padding: 7px 12px;
	line-height: 150%;
	}
	.subpage .Mainbox .Detail {
	background-color: #fff!important;
	background-image: url(../images/bg_line_black.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0 0 15px!important;
	margin-left: 10px;
	}
	#Cmain .Mainbox .Detail dl {
	font-weight: bold;
	}
	#Cmain .Mainbox .BtnDetail {
	position: absolute;
	right: 10px;
	top: 5px;
	}
	#Cmain .pagejump {
	margin-left: 10px;
	height: 30px;
	}
	#Cmain .pagejump li {
	float: left;
	width: 325px;
	font-size: 80%;
	}
	
	#Cdetail {
	clear: both;
	width: 637px;
	padding: 6px 13px;
	margin-bottom: 10px;
	background-image: url(../images/bg_detail.gif);
	background-repeat: repeat-y;
	border-top: 9px solid #ededed;
	border-bottom: 9px solid #ededed;
	}
	#Cdetail dl {
	width: 637px;
	height: 31px;
	background-color: #ededed;
	}
	#Cdetail dt, 
	#Cdetail dd {
	padding: 7px 10px;
	float: left;
	font-weight: bold;
	}
	#Cdetail dd {
	color: #5D3F90;
	}
	#Cdetail dd h4 {
	font-size: 100%;
	}
/* これ以降Mac IE 5のみに適用される \*//*/
#Cdetail dd h4 { font-size: 98%!important; }
/* これ以降Mac IE 5以外にも適用される */ 
	.Cphoto {
	clear: both;
	padding: 5px;
	text-align: center;
	}
	.Cphoto img {
	padding: 5px;
	border: 1px solid #bdbdbd;
	}
	.Ctext {
	padding: 10px 35px;
	line-height: 130%;
	}
	.Ctext p {
	margin-bottom: 10px;
	}
/* Footer
---------------------------------------------------------*/
#Footer {
	clear: both;
}
#Flink, 
#Fbanner, 
#Fmenu {
		border-top: 1px solid #bdbdbd;
		clear: both;
	}
#Flink {
	height: 66px;
	padding: 10px 90px;
	}
	#Flink ul {
	width: 810px;
	margin-top: 5px;
	}
	#Flink li {
		float: left;
		text-align: left;
		padding-top: 5px;
	}
	#Flink li.w180 { width: 180px;}
	#Flink li.w190 { width: 210px;}
	#Flink li.w220 { width: 230px;}


#Fbanner {
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	height: 100px;
}
/* これ以降Mac IE 5のみに適用される \*//*/
#Fbanner { height: 110px; }
/* これ以降Mac IE 5以外にも適用される */ 

#Fbanner ul {
	width: 620px;
	margin: 10px auto;
}
	#Fbanner li {
		float: left;
		font-size: 9px;
		line-height:12px;
		color: #999;
		text-align: left;
	}
	ul.secure li dt {
	margin: 0px 0px 5px;
	text-align: center;
	}
	ul.secure li {
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px;
	}
	ul.secure li.iso9001 {
	margin:2px 26px 0px 0px;
	width:123px;
	}
	ul.secure li.privacymark {
	margin:0px 23px 0px 0px;
	}
	ul.secure li.jdma {
	margin:5px 21px 0px 0px;
	width:123px;
	}
	ul.secure li.verisign {
	margin:-5px 23px 0px 0px;
	}
	ul.secure li.oht {
	margin:13px 0px 0px;
	}
	
#Fmenu {
		height: 56px;
		text-align: center;
		font-size:140%;
	}
	#Fmenu ul {
		margin: 17px auto 0;
	}
	#Fmenu li {
		display:inline;
		text-align: left;
		padding-right:15px;
	}

#PopFooter {
	clear:both;
	text-align:right;
	padding:10px;
	padding-bottom:20px;
	margin-top:24px;
	background:url(/common/images/pop-footer.gif) left top no-repeat;
}



html*#Fmenu li, 
html*#Flink li { font-size: 100%; }

* html #Fmenu li, 
* html #Flink li { font-size: 100%; }

/*IE7*/
*:first-child+html #Fmenu li, 
*:first-child+html #Flink li { font-size: 100%; } 
/* これ以降Mac IE 5のみに適用される \*//*/
#Fmenu li, 
#Flink li { font-size: 12px!important; }
/* これ以降Mac IE 5以外にも適用される */