@charset "shift_jis";

/***********************************************/
/* スタイル初期化 */
/***********************************************/

div#mainContents{
font-size:90%;
width:940px;
height:auto;
padding:0 0 20px 0;
overflow:hidden;
zoom:1;
}

div#mainContents:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}


div#mainContents p{
margin:0;
color:#000000;
}

div#mainContents h1{
padding:0;
margin:0;
background:none;
}

div#mainContents h2{
padding:0;
margin:0;
background:none;
}

div#mainContents h3{
padding:0;
margin:0;
background:none;
}


/***********************************************/
/* common */
/***********************************************/

/*clear*/
div#mainContents .clear{
clear:both;
font-size:0;
line-height:0;
}

/*small txt*/
div#mainContents p.sTxt{
font-size:120%;
color:#666666;
}

/*font color*/
div#mainContents .red{
color:#cc0000;
}

/*font color*/
div#mainContents .bold{
font-weight:bold;
}

div#mainContents h1{
font-size:0.1em;
line-height:1;
margin-bottom:20px;
}

div#mainContents h2,div#mainContents h3{
font-size:0.1em;
line-height:1;
margin-bottom:15px;
}

h1 img,h2 img,h3 img{
vertical-align:bottom;
}

/*contentsArea*/
div#contentsArea{
width:705px;
height:auto;
float:right;
}

div#contentsArea table{
font-size:100%;
width:100%;
margin:15px 0 0;
border-collapse:collapse;
border-spacing:0;
}

div#contentsArea table th{
font-weight:bold;
text-align:center;
vertical-align:middle;
}

div#contentsArea table td{
text-align:left;
vertical-align:top;
}

/*halfBlock*/
div.halfBlock{
	width:350px;
	height:auto;
	margin-left: 200px;
}

/*共通MENU*/
div#mainContents ul#sbMenu{
margin:0;
float:left;
}

div#mainContents ul#sbMenu li{
font-size:0.1em;
line-height:1;
margin:0;
padding:0;
}

div#mainContents ul#sbMenu li img{
vertical-align:bottom;
}

/*ページのTOPへ戻るボタン*/
div#mainContents p.btPageTop{
padding:10px 0 30px 0;
text-align:right;
}

div#mainContents p.btPageTopEnd{
padding:10px 0 0 0;
text-align:right;
}





/***********************************************/
/* ファミリースマイル */
/***********************************************/
div#contentsArea table#blockLevel{
	font-size: 90%;
}


div#contentsArea table .tTitle th{
color:#FFFFFF;
text-align:center;
background-color:#397ECF;
}

div#contentsArea table#blockLevel td{
text-align:center;
vertical-align:middle;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}

div#contentsArea table td.permit{
background-color:#DFF8FF;
}


/***********************************************/
/* 設定手順 */
/***********************************************/

div#setting{
	width:705px;
	height:auto;
	float:right;
}

div#setting table{
	font-size:100%;
	width:100%;
	margin:15px 0 0;
	border-collapse:collapse;
	border-spacing:0;
	border: none;
}

div#setting table th, table td{
	border: none;
}

div#setting table th{
	vertical-align:middle;
}

div#setting table td{
	text-align:left;
	vertical-align:top;
}


div#setting table {
	font-size: 100%;
}


div#setting table .settingTitle th{
	color:#333333;
	text-align: left;
	font-size: 110%;
}

div#setting table td{
	vertical-align:middle;
}

div#setting table td p{
	font-size: 90%;
	color:#333333;
	padding-left: 10px;
	margin: 10px 0 5px;
}

div#setting table td.permit{
	background-color:#DFF8FF;
}

div#setting .bDot {
	border-bottom: 1px dotted #FFF;
}


div#setting .bBrwn {border: 1px solid #d8c579; }
div#setting .bgBrwn01{background: #e7dbab; }
div#setting .bgBrwn02 {background: #faf7ee; }
div#setting .bgBrwn03{background: #d8c579; }

div#setting .bGrn {border: 1px solid #acd98b; }
div#setting .bgGrn01{background: #cbe7b7; }
div#setting .bgGrn02 {background: #f4faf0; }
div#setting .bgGrn03{background: 	#acd98b; }

div#setting .bBlu {border: 1px solid #bac6e4; }
div#setting .bgBlu01{background: #d4dbee; }
div#setting .bgBlu02 {background: #f6f7fb; }
div#setting .bgBlu03{background: #bac6e4; }

div#setting .bRed {border: 1px solid #eedcf3; }
div#setting .bgRed01{background: #f4e8f7; }
div#setting .bgRed02 {background: #fcf9fd; }
div#setting .bgRed03{background: #eedcf3; }


/***********************************************/
/* 一覧 */
/***********************************************/

div#contentsArea table th.term{
text-align:center;
background: #FFF;
}

div#contentsArea table th.itemName{
text-align:left;
background: #f5f5f5;
font-weight: normal;
}

div#contentsArea table td.itemNo{
font-size: 170%;
}
/***********************************************/
/* 汎用クラス */
/***********************************************/
/*margin*/
.maT0{margin-top:0 !important;}
.maT5{margin-top:5px !important;}
.maT10{margin-top:10px !important;}
.maT15{margin-top:15px !important;}
.maT20{margin-top:20px !important;}
.maT25{margin-top:25px !important;}
.maT30{margin-top:30px !important;}

.maR0{margin-right:0 !important;}
.maR5{margin-right:5px !important;}
.maR10{margin-right:10px !important;}
.maR15{margin-right:15px !important;}
.maR20{margin-right:20px !important;}
.maR25{margin-right:25px !important;}
.maR30{margin-right:30px !important;}

.maB0{margin-bottom:0 !important;}
.maB5{margin-bottom:5px !important;}
.maB10{margin-bottom:10px !important;}
.maB15{margin-bottom:15px !important;}
.maB20{margin-bottom:20px !important;}
.maB25{margin-bottom:25px !important;}
.maB30{margin-bottom:30px !important;}

.maL0{margin-left:0 !important;}
.maL5{margin-left:5px !important;}
.maL10{margin-left:10px !important;}
.maL15{margin-left:15px !important;}
.maL20{margin-left:20px !important;}
.maL25{margin-left:25px !important;}
.maL30{margin-left:30px !important;}

.maALL0{margin:0 !important;}
.maALL5{margin:5px !important;}
.maALL10{margin:10px !important;}
.maALL15{margin:15px !important;}
.maALL20{margin:20px !important;}
.maALL25{margin:25px !important;}
.maALL30{margin:30px !important;}

.maAuto{margin-right:auto !important; margin-left:auto !important;}

/*padding*/
.paT0{padding-top:0 !important;}
.paT5{padding-top:5px !important;}
.paT10{padding-top:10px !important;}
.paT15{padding-top:15px !important;}
.paT20{padding-top:20px !important;}
.paT25{padding-top:25px !important;}
.paT30{padding-top:30px !important;}

.paR0{padding-right:0 !important;}
.paR5{padding-right:5px !important;}
.paR10{padding-right:10px !important;}
.paR15{padding-right:15px !important;}
.paR20{padding-right:20px !important;}
.paR25{padding-right:25px !important;}
.paR30{padding-right:30px !important;}

.paB0{padding-bottom:0 !important;}
.paB5{padding-bottom:5px !important;}
.paB10{padding-bottom:10px !important;}
.paB15{padding-bottom:15px !important;}
.paB20{padding-bottom:20px !important;}
.paB25{padding-bottom:25px !important;}
.paB30{padding-bottom:30px !important;}

.paL0{padding-left:0 !important;}
.paL5{padding-left:5px !important;}
.paL10{padding-left:10px !important;}
.paL15{padding-left:15px !important;}
.paL20{padding-left:20px !important;}
.paL25{padding-left:25px !important;}
.paL30{padding-left:30px !important;}

.paALL0{padding:0 !important;}
.paALL5{padding:5px !important;}
.paALL10{padding:10px !important;}
.paALL15{padding:15px !important;}
.paALL20{padding:20px !important;}
.paALL25{padding:25px !important;}
.paALL30{padding:30px !important;}

/*text-aligin*/
.textAR{text-align:right !important;}
.textAC{text-align:center !important;}
.textAL{text-align:left !important;}

/*float*/
.fRight{float:right !important;}
.fLeft{float:left !important;}
.fNone{float:none !important;}
.clear{clear:both !important;}

/*clearFix*/
.cF{
height:auto;
overflow:hidden;
zoom:1;
}

.cF:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.clearFix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}