/* TOC :
	01: Basic Elements
	02: Position
	02: Heading
	03: Tables
	00: list
	00: link
	00: Parts of Pages
	00: Layout
		01 - wrapper
		02 - 

*/


/* ----- 01:basic elements ----- */

*{ padding:0; margin:0}

body{ font-family:"�礿� �苭揖極疇�", "Osaka", "甲仿幼用剩打 Pro W3"; text-align: center;}

ul{
	list-style: none;
}

/* ----- Heading ----- */

#header h1,
#shiryo-header h1{
	color: #f00;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}
#header h2,
#shiryo-header h2{
	margin: 0;
}
#header p,
#shiryo-header p{
	color: #333;
	font-size: 12px;
	margin-top: 5px;
}
#header .twoColumn .left{
	width:61%;
	float: left;
}
#header .twoColumn .right{
	width:39%;
	float: right;
	text-align: right;
}

h2.standard{
	border-left: 5px solid #f00;
	border-bottom: 2px solid #f00;
	background: #DEFCFE;
	color: #006;
	margin-bottom: 10px;
	padding-left: 0.5em;
}
h3.standard{
	background: #006;
	/*border-bottom: 1px solid #de0031;*/
	color: #fff;
	padding: 1px 3px;
	margin-bottom: 10px;
}
h3.link{
	padding: 0;
	margin: 0;
}
h3.link a{
	color: #06f;
	text-decoration: none;
}
h3.link a:hover{
	color: #de0031;
	text-decoration: underline;
}
h3.caution{
	color: #f00;
}


/* ----- 02: Position ----- */
.align-l{ text-align: left;}
.align-c{ text-align: center;}
.align-r{ text-align: right;}

/* ----- table ----- */
table th,
table td{
	vertical-align: top;
}

table th.middle,
table td.middle{
	vertical-align: middle;
}
table th.bottom,
table td.bottom{
	vertical-align: bottom;
}


table.tbl-list-01{
	border-top: 1px solid #999;
}
table.tbl-list-01 th,
table.tbl-list-01 td{
	border-bottom: 1px solid #999;
	padding: 3px;
}
table.tbl-list-01 th{
	background: #eee;
	font-weight: normal;
}


table.price{
	border-top: 1px solid #666;
	border-right: 1px solid #666;
}
table.price th,
table.price td{
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	font-weight: normal;
	padding: 5px 3px;
}
table.price td{
	text-align: center;
}

/* hoshou */
table.hoshou{
	border-top: 1px solid #666;
	border-right: 1px solid #666;
}
table.hoshou th,
table.hoshou td{
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	font-weight: normal;
	padding: 5px;
}
table.hoshou th{
	background: #D2EFFD;
	text-align: center;
}

table.comp{
	border-left: 1px solid #06f;
}
table.comp th{
	background: #09f;
	color: #fff;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}
table.comp th,
table.comp td{
	border-right: 1px solid #06f;
	padding: 5px;
	text-align: center;
}

table.comp th.bdr-b,
table.comp td.bdr-b{
	border-bottom: 1px solid #06f;
}
table.comp th.bdr-t,
table.comp td.bdr-t{
	border-top: 1px solid #06f;
}


table.tbl-form-01{
	border-top: 1px solid #999;
}
table.tbl-form-01 th,
table.tbl-form-01 td{
	border-bottom: 1px solid #999;
	padding: 3px;
}
table.tbl-form-01 th{
	background: #eee;
	font-weight: normal;
}

.hr-dot5{
	border-top: 1px dotted #ccc;
	border-width: 1px 0 0 0;
	display: block;
	height: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.hr-dot10{
	border-top: 1px dotted #ccc;
	border-width: 1px 0 0 0;
	display: block;
	height: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.hr-dot20{
	border-top: 1px dotted #ccc;
	border-width: 1px 0 0 0;
	display: block;
	height: 1px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.hr-dot30{
	border-top: 1px dotted #ccc;
	border-width: 1px 0 0 0;
	display: block;
	height: 1px;
	margin-bottom: 30px;
	margin-top: 30px;
}
/* width */
.w10per{ width: 10%;}
.w15per{ width: 15%;}
.w20per{ width: 20%;}
.w25per{ width: 25%;}
.w30per{ width: 30%;}
.w40per{ width: 40%;}
.w50per{ width: 50%;}
.w60per{ width: 60%;}
.w70per{ width: 70%;}
.w80per{ width: 80%;}
.w90per{ width: 90%;}

.w33per{ width: 33%; }
.w43per{ width: 34%; }

/* background */
.bg-pink{ background: #FEE7EE; }
.bg-yellow{ background: #F4FECF; }
.bg-green{ background: #D8FEE0; }
.bg-blue{ background: #E9F5FE; }
.bg-purple{ background: #F4E0FE; }
.bg-gray{ background: #efefef; }

/* link */
a{
	color: #06f;
	text-decoration: none;
}
a:hover{
	color: #de0031;
	text-decoration: underline;
}

.arrow{
	color: #f00;
	font-size: 75%;
	font-weight: bold;
}

/* list */

ul.standard-list{
	/*margin-left: 20px;*/
	/*list-style: disc;*/
}

ul.standard-list li{
	background: url(../img/common/icon_redbox.gif) left 5px no-repeat;
	list-style: none;
	padding-left: 15px;
	/*margin-left: 50px;*/
}

ol.standard-list ul,
ul.standard-list ul{
	margin-left: 20px;
}


ul.noStyle{
	list-style: none;
}

ol.standard-list{
	margin-left: 25px;
}

ul.notice{
	padding-left: 1em;
	text-indent: -1em;
	list-style: none;
}

ul.question li{
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	list-style: none;
	padding-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.3em;
}
ul.question li a{
	color: #06f;
	text-decoration: none;
}
ul.question li a:hover{
	color: #de0031;
	text-decoration: underline;
}
/* border */
table.price th.noBdr-all,
table.price td.noBdr-all{
	border: none;
}
table.price th.noBdr-t,
table.price td.noBdr-t{
	border-top: none;
}
table.price th.noBdr,
table.price td.noBdr-r{
	border-right: none;
}

table.price th.noBdr-b,
table.price td.noBdr-b{
	border-bottom: none;
}
table.price th.noBdr-l,
table.price td.noBdr-l{
	border-left: none;
}

/* parts */
.box-ankermenu{
	background: #ffc;
	border: 1px solid #999;
	padding: 5px;
}
.box-yellow{
	background: #ffc;
	padding: 5px;
}
.box-faq{
	background:#EEF4FF;
	border: 1px solid #000;
	padding: 5px;
}
.box-sec{
	background: #FFFFCC;
	padding: 5px;
}

.comArea{
	background: #F0F0F0;
	padding: 10px;
	margin: 15px 0;
}

/* noa */
#bg{
	background:url(../img/common/bg.gif) 0 0 repeat-y;
	width: 850px;
	margin: 0 auto;
	text-align: left;
}
#wrapper{
	width: 768px;
	margin: 0 auto;
	text-align: left;
}
#header{
	/*border-top: 5px solid #de0031;*/
	/*border-bottom: 1px solid #b60129;*/
	/*background: url(../img/common/head.jpg) 0 0 no-repeat;*/
	width: 768px;
	height: 115px;
}
#gNavi{
	background: #006;
	color: #fff;
	font-size: 80%;
	padding: 3px;
	margin: 0 10px 5px 0;
	margin-bottom: 20px;
	width: 768px;
	text-align: right;
}
#gNavi a{
	color: #fff;
	text-decoration: none;
}
#sidebar{
	width: 190px;
	float: left;
}
#maincontent{
	width: 550px;
	float: right;
}

#footer{
	clear: both;
	padding: 30px 0 20px 0;
	width: 768px;
	text-align: center;
}

#footer hr{
	border-top: 1px solid #ccc;
	border-width: 1px 0 0 0;
	display: block;
	height: 1px;
}

#footer .copyright{
	font-size: 10px;
}

.toPageTop{
	margin: 25px 0 30px 0;
	text-align: right;
}

#breadNavi{
	margin: 10px 0 20px 0;
	font-size: 70%;
}

/* shiryo */
#shiryo-wrapper{
	width: 680px;
	margin: 0 auto;
	text-align: left;
}
#shiryo-header{
	/*border-top: 5px solid #de0031;*/
	/*border-bottom: 1px solid #b60129;*/
	/*background: url(../img/common/head.jpg) 0 0 no-repeat;*/
	width: 680px;
	height: 110px;
}
#shiryo-gNavi{
	background: #006;
	color: #fff;
	font-size: 80%;
	padding: 3px 0;
	margin: 10px 0 20px 0;
	width: 680px;
	text-align: right;
}
#shiryo-gNavi span{
	padding-right: 10px;
}
#shiryo-gNavi a{
	color: #fff;
	text-decoration: none;
}
#shiryo-maincontent{
	width: 680px;
}
#shiryo-footer{
	clear: both;
	padding: 30px 0 20px 0;
	width: 680px;
	text-align: center;
}

#shiryo-footer hr{
	border-top: 1px solid #ccc;
	border-width: 1px 0 0 0;
	display: block;
	height: 1px;
}

#shiryo-footer .copyright{
	font-size: 10px;
}
/* sidebar */
#sidebar ul{
	background: #EDF7FF;
	border-top: 1px solid #BBD8FB;
	list-style: none;
}

#sidebar ul li{
	/*display: block;*/
	background: url(../img/common/icon_snavi_arrow_r.gif) no-repeat 5px 10px;
	border-bottom: 1px solid #BBD8FB;
	font-size: 80%;
	padding-left: 7px;
	width: 183px;
}
html>body #sidebar ul li{ background: url(../img/common/icon_snavi_arrow_r.gif) no-repeat 5px 5px; }

#sidebar a{
	color: #333;
	/*display: block;*/
	/*padding: 2px 5px;*/
	text-decoration: none;
	width: 190px;

}

#sidebar ul li span{
	display: block;
	margin: 5px;
	/* Win IE 及心贗迕 */
	/* list 卞�?墊互�?��E峇?氻� */
	_height: 20px;
}

#sidebar a:hover{
	background: #fff;
	color: #de0031;
	text-decoration: underline;
	/*color: #f00;*/
	/*padding: 2px 5px;*/
}


/* 薊�?竣�E縞�E?砟峊馴縞丰�E*/
/*#selected a,
#selected a:hover{
    color:#f00;
	font-weight: bold;
    padding: 2px 5px;
	text-decoration: underline;
}*/


#sidebar ul li ul{
	border: 1px dashed #999;
	background: #fff;
	/*padding: 5px;*/
}

#sidebar ul li ul li{
	background: #fff;
	display: block;
	font-size: 85%;
	border: none;
	padding: 0;
}







/*/*/




/* standard helper classes */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */



#relationLink {
	font-size: 77%;
	text-align: center;
	margin: 30px 0;
}
#relationLink a {
	color: #999;
}