@charset "utf-8";
/* CSS Document */

/* ==========================================================================
 * 基準値設定
 * --------------------------------------------------------------------------
 * html / body
 * ========================================================================== */
html {
	margin:0;
	border:none;
	padding:0;
	height:100%;
}
body {
	margin:0;
	border:none;
	padding:0;
	height:100%;
	font-size:small;
	line-height:1.5em;
	text-align:center;
	font-family:
		 "ＭＳ Ｐゴシック"
		,"MS P Gothic"
		,"ヒラギノ角ゴ Pro W3"
		,"Hiragino Kaku Gothic Pro"
		,"Lucida Sans Unicode"
		,"Lucida Grande"
		,"メイリオ"
		,Meiryo
		,Verdana
		,Arial
		,Helvetica
		,Osaka
		,sans-serif
	;	
	color: #4c4c4c;
}

img{
	border: 0;
	vertical-align:top;
	}

/* ==========================================================================
 * リンク指定
 * --------------------------------------------------------------------------
 * 
 * ========================================================================== */

a:link {color: #F90;}
a:visited {color: #F90;}
a:hover {color: #F63; text-decoration:none;}
a:active {color: #F63; text-decoration:none;}

/* ==========================================================================
 * 各種レイアウト
 * --------------------------------------------------------------------------
 * #base
 * ========================================================================== */
 
#Base{/*外枠*/
	width: 950px;
	margin: auto;
	background-color: #FFF;
	}
	
#Head{
	width: 950px;
	height: 243px;
	background: url(../images/head.jpg) left top no-repeat;
	text-align:left;
	}
	
#Head #navi{
	padding-top:130px;
	padding-left:200px;
	width: 600px;
	}	
	
#Head h1{
	display: none;
	}
	
#Head ul{
	display:block;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	width: 172px;
	/*height: 128px;*/
	list-style: none;
	border-right: 1px dotted #CCC;
	}	
	
#Head ul li{
	width: 233px;
	padding: 5px 0px;
	}	
	
#Contener{/*内枠*/
	width: 950px;
	margin: auto;
	background: url(../images/cont_bg.jpg) left top;
	}
	
.Inner{
	width: 930px;
	margin: auto;		
	}	
	

/* ==========================================================================
 * Left
 * --------------------------------------------------------------------------
 * 
 * ========================================================================== */


#Left{
	width: 194px;
	/*height: 305px;*/
	background:url(../images/leftnavi_bg.jpg) left top no-repeat;
	text-align:left;
	padding-top: 30px;
	float:left !important;
	position:relative;
	z-index:1;
	}
	
#Left h2{
	display: none;
}
	
#Left ul{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#Left ul li{
	display: block;
	padding: 9px 0 9px 25px;
	margin: 0;
}

#Left ul li a.bt01{
	background: url(../images/btn_left_01.jpg) 5px center no-repeat;
	border-top: none;
	}
#Left ul li a.bt01:hover{
	background: #ffffcc url(../images/btn_left_01.jpg) 5px center no-repeat;
	}
	
#Left ul li a.bt02{
	background: url(../images/btn_left_02.jpg) 5px center no-repeat;
	}
#Left ul li a.bt02:hover{
	background: #ffffcc url(../images/btn_left_02.jpg) 5px center no-repeat;
	}

#Left ul li a.bt03{
	background: url(../images/btn_left_03.jpg) 5px center no-repeat;
	}
#Left ul li a.bt03:hover{
	background: #ffffcc url(../images/btn_left_03.jpg) 5px center no-repeat;
	}

#Left ul li a.bt04{
	background: url(../images/btn_left_04.jpg) 5px center no-repeat;
	}
#Left ul li a.bt04:hover{
	background: #ffffcc url(../images/btn_left_04.jpg) 5px center no-repeat;
	}

#Left ul li a.bt05{
	background: url(../images/btn_left_05.jpg) 5px center no-repeat;
	}
#Left ul li a.bt05:hover{
	background: #ffffcc url(../images/btn_left_05.jpg) 5px center no-repeat;
	}
	
#Left ul li a.bt06{
	background: url(../images/btn_left_06.jpg) 5px center no-repeat;
	}
#Left ul li a.bt06:hover{
	background: #ffffcc url(../images/btn_left_06.jpg) 5px center no-repeat;
	}
	
#Left ul li a.bt07{
	background: url(../images/btn_left_07.jpg) 5px center no-repeat;
	}		
#Left ul li a.bt07:hover{
	background: #ffffcc url(../images/btn_left_07.jpg) 5px center no-repeat;
	}
	
#Left ul li a.bt08{
	background: url(../images/btn_left_08.jpg) 5px center no-repeat;
	}		
#Left ul li a.bt08:hover{
	background: #ffffcc url(../images/btn_left_08.jpg) 5px center no-repeat;
	}	

#Left ul li a.bt09{
	background: url(../images/btn_left_09.jpg) 5px center no-repeat;
	}		
#Left ul li a.bt09:hover{
	background: #ffffcc url(../images/btn_left_09.jpg) 5px center no-repeat;
	}	

#Left ul li{
	padding: 0;
	margin: 0;
	}

#Left ul li a{
	display: block;
	width: 169px;
	padding: 9px 0 9px 25px;
	z-index: 1;
	border-top: 1px solid #CCC;
	} 
#Left ul li a:link {color: #F90; text-decoration:none;}
#Left ul li a:visited {color: #F90;}
#Left ul li a:hover {color: #F63; text-decoration:none;}
#Left ul li a:active {color: #F63; text-decoration:none;}



/* ==========================================================================
 * Right
 * --------------------------------------------------------------------------
 * 
 * ========================================================================== */

#Right{
	width: 723px;
	float: right;
	line-height: 1.2em;
	}


.txtPoint{
	width: 21px;
	height: 16px;
	background: url(../images/arrow_white.png) left top no-repeat;
	margin-left: 60px;
	}

.sectionTxt{
	width: 723px;
	background: #FFF;
	padding: 10px 0px;
	}
	
.sectionTxt09{
	width: 723px;
	background: #FFF;
	padding: 0px 0px;
	}	
	
.sectionTxt ul{
	margin: 0 auto;
	padding: 0;
	list-style:none;
	width: 683px;
	}	
	
.sectionTxt li{
	padding: 10px 10px;
	}	
	
.sectionTxt li dt{
	width: 60px;
	float: left;
	clear: left;
	}
	
.sectionTxt li dd{
	margin-left: 70px;
	text-align:left;
	}	
	
.sectionTxt li dd p span{
	color: #0000ff;
	font-weight:bold;
	}	


.sectionTxt li dd dl{
	margin: 5px;
	padding: 10px;
	float: left;
	border: 3px solid #FFF;
	background:#FFF;
	}

.sectionTxt li dd dl dt{
	width: auto;
	margin: 2px;
	float:none;
	color: #0000ff;
	font-weight:bold;	
	}
	
.sectionTxt li dd dl dd{
	margin: 5px 20px 5px 20px;
	text-align:left;	
}

.pnavi ul{
	list-style: none;
	width: 300px;
	margin: 0px auto;
	}
	
.pnavi ul li{
	float: left;
	width: 150px;
	display: block;
	}	

.note p{
	display: block;
	padding: 10px;
	}



.sectionTxt li.howto dt{
	width: 270px;
	float: left;
	clear: left;
	border-top: 1px solid #efefef;	
	padding: 5px 0px;
	}
	
.sectionTxt li.howto dd{
	margin-left: 270px;
	text-align:left;
	border-top: 1px solid #efefef;	
	padding: 5px 0px;
	}	
	
.sectionTxt li.howto dd p span{
	color: #0000ff;
	font-weight:bold;
	}
	
.sectionTxt li.howto dd p{
	padding: 5px 10px;
	}
	
.sectionTxt li.howto dd div{
	margin: 0px 0px 0px 20px;
	}
	
.sectionTxt li.howto dd div p{
	text-indent: -10px;
}

.sectionTxt li.howto dd.nomal{
	clear: both;
	margin: 20px;
} 

.sectionTxt li.howto dd.nomal dl{
	width: 270px;
	border: 1px solid #999999;
	float: left;
	margin: 5px;
	background: #ffffdc;
	}
	
.sectionTxt li.howto dd.nomal dt{
	text-align: center;
	}	

.sectionTxt li.howto dd.nomal dd{
	clear: both;
	margin: 10px;
	}	
	
.sectionTxt li.howto dd div p span,
.sectionTxt li.howto dd.nomal span{
	color: #666;
	}




/* ==========================================================================
 * カラー指定
 * --------------------------------------------------------------------------
 * 
 * ========================================================================== */

.orenge{
	color: #F90;
	}
	
.orengeBG{
	background-color: #F90;
	color: #FFF;
}

.gray{
	background-color: #efefef;
	}
	
.grayTxt{
	color: #868686;
	}	

.bgy{
	background: #ffffdc;
	padding: 10px 0px;
	}	

/* ==========================================================================
 * ライン指定
 * --------------------------------------------------------------------------
 * 
 * ========================================================================== */

.boderLeft{
	border-left: 1px solid #F90;
	}
	
.boderRight{
	border-right: 1px solid #F90;
	}
	
.boderTop{
	border-top: 1px solid #F90;
	}
	

/* ==========================================================================
 * ページトップ
 * --------------------------------------------------------------------------
 * .PageTop	
 * ========================================================================== */

.pagetop{
	position: relative;
	height: 20px;
	padding: 10px;
	}
	
.pagetop p{
	display:block;
	position:absolute;
	right: 0;
	padding-left: 10px;
	background:url(../images/arrow_gray.gif) left 5px no-repeat;
	}	


.pagetop p a:link {color:#fe4365;}
.pagetop p a:visited {color:#fe4365;}
.pagetop p a:hover {color:#fe4365; text-decoration:none;}
.pagetop p a:active {color:#fe4365; text-decoration:none;}	


/* ==========================================================================
 * @名前@ .clearfix
 * @説明@ float解除
 * ========================================================================== */
.clearfix {
	display:inline-block;
	position: relative;/**DWデザインビュー確認用：本番ではコメントアウト！*/
}
.clearfix:after {
	content:" ";
	clear:both;
	overflow:hidden;
	display:block;
	visibility:hidden;
	margin-bottom:-1px;
	height:1px;
	font-size:1px;
	line-height:1px;
}
/* \*/
.clearfix {
	display:block;
	height:1px;
}
html>body .clearfix {
	height:auto;
}
/* */


/* ==========================================================================
 * @名前@ 
 * @説明@ 汎用クラス
 * ========================================================================== */
 
 .fr{
	float: right;	 
	 }
 
 .fl{
	float: left;
	 }
	 
p,dl,dt,dd,h3{
	margin: 0;
	padding: 0;
	} 
		
		
.blue{
	color: #0000ff;
	font-weight:bold;
	text-align:left;
	padding-bottom: 5px;
	}	
	
.nob{
	border: none !important;
	}