/* common */
/* -------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0 0 15px 0;
	color:#333333;
	text-align:center;
	background:url(../img/bg_body_02.gif) no-repeat center top;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック", "MS P Gothic",sans-serif;
}
body.toppage  {
	background:url(../img/bg_body_01.gif) no-repeat center top;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-size:80%;
}
p, ul, ol, dl , table, .asset-content {
	font-size:80%;
	line-height:150%;
}
.asset-content h2, .asset-content h3, .asset-content h4, .asset-content h5, .asset-content p, .asset-content ul, .asset-content ol, .asset-content dl, .asset-content table {
	font-size:100%;
}
ul {
	list-style-type:none;
}
ul.disc {
	list-style-type:disc;
	margin-left:22px;
}
img {
	border:0;
	display:block;
}


/* parts */

.b {font-weight:bold;}
.ri {text-align:right;}
.cen {text-align:center;}
.ri img ,
.cen img {display:inline;}
.red {
color:#cc0000;
}
.green {
color:#009900;
}
.underline {
border-bottom: 2px solid #cc0000;
}
.yello {
background-color: #ffff00;
}

.f120 {
font-size: 1.2em;
}
.f150 {
font-size: 1.5em;
}

#container .m05 {margin-bottom:5px;}
#container .m10 {margin-bottom:10px;}
#container .m15 {margin-bottom:15px;}
#container .m20 {margin-bottom:20px;}
#container .m25 {margin-bottom:25px;}
#container .m30 {margin-bottom:30px;}
#container .m35 {margin-bottom:35px;}

.lbox {float:left;}
.rbox {float:right;}

p.bt {
	padding-left:15px;
	background:url(../img/icon_04.gif) no-repeat 0 5px;
}


/* link */

a:link,
a:visited,
a:active {
	color:#00468f;
	text-decoration:underline;
}
a:hover {
	color:#007dff;
	text-decoration:none;
}



/* container */
/* -------------------------------------------------------- */

#container {
	width:900px;
	text-align:left;
	margin:0 auto;
	background:url(../img/bg_container.gif) repeat-y 221px 0;
}
#container-inner {
	width:870px;
	margin-left:30px;
	background:url(../img/bg_header_02.jpg) no-repeat 0 0;
}
.toppage #container-inner {
	background:url(../img/bg_header_01.jpg) no-repeat 0 0;
}



/* header */
/* -------------------------------------------------------- */

#header {
	width:840px;
	height:95px;
	overflow:hidden;
}
.toppage #header {
	height:295px;
}
#header h1 {
	height:26px;
	font-size:75%;
	font-weight:normal;
	text-align:right;
	margin-top:5px;
}

#header-box1 #logo {
	width:260px;
	height:74px;
	margin-top:11px;
	float:left;
}
#header-box1 #navi {
	width:554px;
	margin-top:7px;
	float:right;
}
#header-box1 #navi li {
	padding-left:18px;
	float:left;
}

#header-box2 {
	width:180px;
	margin-bottom:15px;
}
.toppage #header-box2 {
	width:241px;
	margin-bottom:0;
}
#header-box2 #bt-navi li {
	margin-bottom:5px;
	float:left;
}
.toppage #header-box2 #bt-navi li {
	margin-bottom:10px;
}




/* contents */
/* -------------------------------------------------------- */

#contents {
	width:840px;
	padding-bottom:15px;
}




/* content */
/* -------------------------------------------------------- */

#content {
	width:630px;
	padding-top:122px;
	float:right;
}
.toppage #content {
	padding-top:140px;
}

.bt-top {
	text-align:right;
	padding-top:30px;
}
.bt-top img {
	display:inline;
}

#panlist-box {
	height:30px;
	overflow:hidden;
}
#panlist-box ol {
	list-style-type:none;
}
#panlist-box li {
	display:inline;
	padding-right:7px;
}
#panlist-box a {
	color:#333333;
	text-decoration:none;
	padding-right:13px;
	background:url(../img/icon_02.gif) no-repeat right center;
}
#panlist-box a:hover {
	color:#007dff;
	text-decoration:underline;
}

.asset {
	margin-bottom:25px;
}

.asset-header {
	margin-bottom:15px;
	padding-top:9px;
	background:#4681be url(../img/bg_01a.gif) no-repeat left top;
}
.asset-header h2 {
	color:#ffffff;
	padding:0 10px 7px 28px;
	background:url(../img/bg_01b.gif) no-repeat left bottom;
}
.asset-header h2 a {
	color:#ffffff;
	text-decoration:none;
}
.asset-header h2 a:hover {
	color:#ffff33;
	text-decoration:underline;
}

.asset h3 {
	color:#005599;
	margin-bottom:15px;
	padding:1px 0 5px 18px;
	background:url(../img/icon_03.gif) no-repeat 0 0;
	border-bottom:dotted 2px #4681be;
}
.asset-content h3 {
	background:url(../img/icon_03.gif) no-repeat 0 3px;
}





/* side */
/* -------------------------------------------------------- */

#side {
	width:180px;
	padding-bottom:50px;
	float:left;
}
#side h3 {
	margin-bottom:3px;
}
#side p {
	margin-bottom:15px;
}


/* side-navi */

#side-navi {
	margin-bottom:20px;
}
#side-navi li {
	width:180px;
	overflow:hidden;
	float:left;
}
#side-navi a {
	display:block;
	padding:3px 0 3px 20px;
	background:#ffffff url(../img/icon_01.gif) no-repeat 0 6px;
	border-bottom:solid 1px #cccccc;
	text-decoration:none;
}
#side-navi a:hover {
	background:#d4edfb url(../img/icon_01.gif) no-repeat 0 6px;
	text-decoration:none;
}


/* side-ranking */

#side-ranking {
	list-style-type:none;
	margin:0 0 20px 0;
	padding-top:5px;
}
#side-ranking li {
	padding:0 0 5px 28px;
}
#side-ranking li.no1 {background:url(../img/ranking_no.gif) no-repeat 0 0;}
#side-ranking li.no2 {background:url(../img/ranking_no.gif) no-repeat 0 -100px;}
#side-ranking li.no3 {background:url(../img/ranking_no.gif) no-repeat 0 -200px;}
#side-ranking li.no4 {background:url(../img/ranking_no.gif) no-repeat 0 -300px;}
#side-ranking li.no5 {background:url(../img/ranking_no.gif) no-repeat 0 -400px;}

#side-ranking a {
	color:#333333;
	text-decoration:none;
}
#side-ranking a:hover {
	color:#007dff;
	text-decoration:none;
}


/* banner-list */

#banner-list li {
	margin-bottom:6px;
	float:left;
}


/* footer */
/* -------------------------------------------------------- */

#footer {
	width:840px;
	padding:6px 0;
	background:#4681be url(../img/bg_footer.gif) no-repeat left bottom;
}

#footer-navi {
	text-align:center;
	margin-bottom:10px;
}
#footer-navi li {
	color:#ffffff;
	display:inline;
}
#footer-navi a {
	color:#ffffff;
	text-decoration:none;
}
#footer-navi a:hover {
	color:#ffff33;
	text-decoration:underline;
}

#copy {
	color:#ffffff;
	text-align:center;
}
#copy a {
	color:#ffffff;
	text-decoration:none;
}
#copy a:hover {
	color:#ffff33;
	text-decoration:underline;
}



/* toppage */
/* -------------------------------------------------------- */

#top-box1 {
	margin-bottom:5px;
}

#top-box2 {
	width:630px;
	padding-top:10px;
	margin-bottom:15px;
	background:#00468f url(../img/bg_02a.gif) no-repeat left top;
}
#top-box2-inner {
	width:630px;
	padding-bottom:10px;
	background:#00468f url(../img/bg_02b.gif) no-repeat left bottom;
}
#top-box2 .pkg {
	margin-left:15px;
	margin-right:10px;
}
#top-box2 .lbox {
	width:320px;
}
#top-box2 .rbox {
	width:260px;
}

#top-box2 h2 {
	margin-bottom:10px;
}

#top-box2 dl {
	color:#ffffff;
}
#top-box2 dt {
	font-weight:bold;
	position:absolute;
}
#top-box2 dd {
	padding-left:8.5em;
	padding-bottom:5px;
}
#top-box2 dd a {
	white-space:nowrap;
}

#top-box2 a {
	color:#ffffff;
	text-decoration:none;
}
#top-box2 a:hover {
	color:#ffff33;
	text-decoration:underline;
}

#top-box3 {
	width:630px;
	margin-bottom:15px;
}
#top-box3 h2 {
	color:#00468f;
	margin-bottom:5px;
	padding-bottom:4px;
	background:url(../img/line_01.gif) repeat-x left bottom;
}
#top-box3 li {
	margin-bottom:4px;
	padding-left:20px;
	padding-bottom:4px;
	background:url(../img/icon_01.gif) no-repeat 4px 3px;
	border-bottom:dashed 1px #6b84c3;
}
#top-box3 li a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
#top-box3 li a:hover {
	color:#333333;
	text-decoration:underline;
}




/* parts */
/* -------------------------------------------------------- */

ul.check li {
	padding:3px 0 0 20px;
	background:url(../img/icon_05.gif) no-repeat 0 3px;
}

ol.type1 {
	font-weight:bold;
	margin-left:25px;
}
ol.type1 li {
	margin-bottom:15px;
}
ol.type1 li span {
	font-weight:normal;
}

dl.type1 {
}
dl.type1 dt {
	width:12em;
	font-weight:bold;
	padding-top:15px;
	position:absolute;
}
dl.type1 dd {
	padding:15px 0 15px 12em;
	border-bottom:dotted 1px #cccccc;
}

dl.type2 {
}
dl.type2 dt {
	font-weight:bold;
	margin-bottom:2px;
	padding-left:17px;
	background:url(../img/icon_01.gif) no-repeat 0 3px;
}
dl.type2 dd {
	margin-bottom:10px;
	padding-left:17px;
}

table.type1 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:solid 1px #4681be;
}
table.type1 th,
table.type1 td {
	vertical-align:middle;
}
table.type1 th {
	color:#ffffff;
	text-align:center;
	padding:2px 0;
	background:#4681be;
	border:solid 1px #ffffff;
}
table.type1 td {
	text-align:left;
	padding:10px;
	border-left:solid 1px #4681be;
}
table.type1 .bg1 {
	background:#e2eaf2;
}

table.type2 {
	width:100%;
  margin-bottom: 15px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:solid 1px #4681be;
}
table.type2 caption {
  font-size: 1.2em;
  font-weight: bold;
}
table.type2 th,
table.type2 td {
	text-align:left;
	vertical-align:top;
	padding:10px 15px;
}
table.type2 th {
	white-space:nowrap;
	color:#ffffff;
	background:#4681be;
	border:solid 1px #ffffff;
}
table.type2 td {
	border:solid 1px #4681be;
}

table.type3 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:solid 1px #4681be;
}
table.type3 th,
table.type3 td {
	vertical-align:middle;
}
table.type3 th {
	font-size:12px;
	color:#ffffff;
	text-align:center;
	padding:2px 0 1px 0;
	background:#4681be;
	border:solid 1px #ffffff;
}

table.type3 td {
	text-align:left;
	padding:10px;
	border-left:solid 1px #4681be;
}
table.type3 .bg1 {
	background:#e2eaf2;
}
table.type3 li {
	padding:0 0 2px 3px;
	float:left;
}

table.type4 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:solid 1px #4681be;
}
table.type4 th,
table.type4 td {
	text-align:left;
	vertical-align:top;
}
table.type4 th {
	width:10em;
	color:#ffffff;
	background:#4681be;
	border:solid 1px #ffffff;
	padding:10px 0 10px 15px;
}
table.type4 td {
	border:solid 1px #4681be;
	padding:10px 15px;
}
table.type4 td .photo img {
	margin-right:10px;
	margin-bottom:10px;
	display:inline;
	float:left;
}

.error ul {
	font-weight:bold;
	color:#cc0000;
	margin-left:10px;
	margin-bottom:15px;
	padding-top:10px;
}
.error li {
	padding:3px 0 0 20px;
	background:url(../img/icon_05.gif) no-repeat 0 3px;
}


.box1 {
	padding:10px 15px;
	background:#eeeeee;
	border:solid 1px #cccccc;
}



/* sitemap */

.sitemap .lbox {
	width:300px;
}
.sitemap .rbox {
	width:300px;
}

.sitemap1 {
	margin-bottom:30px;
}
.sitemap1 .sitemap1 {
	margin-bottom:10px;
}
.sitemap1 .sitemap1 li {
	margin-left:18px;
}
.sitemap1 li a,
.sitemap1 li span {
	color:#333333;
	padding:0 0 2px 18px;
	background:url(../img/icon_01.gif) no-repeat 0 0;
	text-decoration:none;
}
.sitemap1 li span {
	color:#999999;
}
.sitemap1 li a:hover {
	color:#007dff;
	text-decoration:none;
}
.sitemap1 .sitemap1 li a,
.sitemap1 .sitemap1 li span {
	padding:0 0 2px 18px;
	background:url(../img/icon_04.gif) no-repeat 0 2px;
}


/* sitemap2 */

.sitemap2 {
	margin-bottom:30px;
}
.sitemap2 .sitemap2 {
	margin-left:18px;
	margin-bottom:10px;
}
.sitemap2 li {
	width:100%;
	float:left;
}
.sitemap2 li li {
	width:100px;
}
.sitemap2 li a,
.sitemap2 li span {
	color:#333333;
	padding:0 0 2px 18px;
	background:url(../img/icon_01.gif) no-repeat 0 0;
	text-decoration:none;
}
.sitemap2 li span {
	color:#666666;
}
.sitemap2 li a:hover {
	color:#007dff;
	text-decoration:none;
}
.sitemap2 li li a,
.sitemap2 li li span {
	padding:0 0 2px 18px;
	background:url(../img/icon_04.gif) no-repeat 0 2px;
}




/* chair-box1 */

.chair-box1 {
	width:630px;
	margin-bottom:20px;
	padding-bottom:20px;
}
.chair-box1 .rbox {
	width:430px;
}
.chair-box1 .rbox p {
	margin-bottom:10px;
}
.chair-box1 .rbox .text {
	font-size:85%;
	margin:0 110px 0 0;
	padding:5px;
	border:solid 1px #eeeeee;
}

.chair-step1 {background:url(../../img/chair/bg_step01.gif) no-repeat left bottom;}
.chair-step2 {background:url(../../img/chair/bg_step02.gif) no-repeat left bottom;}
.chair-step3 {background:url(../../img/chair/bg_step03.gif) no-repeat left bottom;}
.chair-step4 {background:url(../../img/chair/bg_step04.gif) no-repeat left bottom;}
.chair-step5 {background:url(../../img/chair/bg_step05.gif) no-repeat left bottom;}
.chair-step6 {background:url(../../img/chair/bg_step06.gif) no-repeat left bottom;}
.chair-step7 {background:url(../../img/chair/bg_step07.gif) no-repeat left bottom;}
.chair-step8 {background:url(../../img/chair/bg_step08.gif) no-repeat left bottom;}
.chair-step9 {background:url(../../img/chair/bg_step09.gif) no-repeat left bottom;}
.chair-step10 {background:url(../../img/chair/bg_step10.gif) no-repeat left bottom;}
.chair-step11 {background:url(../../img/chair/bg_step11.gif) no-repeat left bottom;}
.chair-step12 {background:url(../../img/chair/bg_step12.gif) no-repeat left bottom;}
.chair-step13 {background:url(../../img/chair/bg_step13.gif) no-repeat left bottom;}
.chair-step14 {background:url(../../img/chair/bg_step14.gif) no-repeat left bottom;}
.chair-step15 {background:url(../../img/chair/bg_step15.gif) no-repeat left bottom;}





/* charm-box1 */

.charm-box1 p {
	margin-bottom:15px;
}
.charm-box1 .r-img {
	margin:0 0 10px 20px;
	display:inline;
	float:right;
}
.charm-box1 .l-img {
	margin:0 20px 10px 0;
	display:inline;
	float:left;
}
.charm-box1 .r-box {
	padding:0 0 10px 20px;
	background:#ffffff;
	display:inline;
	float:right;
}
.charm-box1 dt {
	font-weight:bold;
	color:#003366;
	margin-bottom:3px;
	padding-bottom:3px;
	border-bottom:dashed 1px #4681be;
}
.charm-box1 dd {
	margin-bottom:15px;
}




/* howto-box1 */

.howto-box1 {
	margin-left:30px;
}
.howto-box1 div {
	width:550px;
	margin-bottom:5px;
	padding-top:10px;
}
.howto-box1 p {
	font-size:90%;
	font-weight:bold;
	color:#003366;
	padding:0 10px 18px 72px;
	background:url(../img/bg_step_00a.gif) no-repeat left bottom;
}
.howto-box1 div.step1 {background:url(../img/bg_step_01.gif) no-repeat left top;}
.howto-box1 div.step2 {background:url(../img/bg_step_02.gif) no-repeat left top;}
.howto-box1 div.step3 {background:url(../img/bg_step_03.gif) no-repeat left top;}
.howto-box1 div.step4 {background:url(../img/bg_step_04.gif) no-repeat left top;}
.howto-box1 div.step5 {background:url(../img/bg_step_05.gif) no-repeat left top;}
.howto-box1 div.step6 {background:url(../img/bg_step_06.gif) no-repeat left top;}
.howto-box1 div.step7 {background:url(../img/bg_step_07.gif) no-repeat left top;}
.howto-box1 div.step8 {background:url(../img/bg_step_08.gif) no-repeat left top;}
.howto-box1 div.step9 {background:url(../img/bg_step_09.gif) no-repeat left top;}
.howto-box1 div.step10 {background:url(../img/bg_step_10.gif) no-repeat left top;}
.howto-box1 div.step11 {background:url(../img/bg_step_11.gif) no-repeat left top;}
.howto-box1 div.step12 {background:url(../img/bg_step_12.gif) no-repeat left top;}
.howto-box1 div.step12 p {
	padding:0 10px 10px 72px;
	background:url(../img/bg_step_00b.gif) no-repeat left bottom;
}



/* faq-box */

.box-faq h3 {
	font-size:100%;
	color:#990000;
	margin-bottom:0;
	padding:7px 0 5px 42px;
	background:url(../img/icon_q.gif) no-repeat left top;
	border:0;
}
.box-faq p {
	margin-bottom:10px;
}
.box-faq p.text {
	padding:5px;
	background:#f8fcfd;
	border:solid 1px #cccccc;
}
.box-faq ol.list1 {
	font-weight:bold;
	color:#00468f;
	padding-left:25px;
}
.box-faq ol.list1 span {
	font-weight:normal;
	color:#333333;
}
.box-faq ol.list1 li {
	margin-bottom:10px;
}
.box-faq ol.list2 {
	font-weight:bold;
	padding-left:25px;
}

.faq-box1 {
	width:630px;
	padding-top:10px;
	background:#eff4f5 url(../img/bg_03a.gif) no-repeat left top;
}
.faq-box1-inner {
	padding:0 15px 10px 15px;
	background:url(../img/bg_03b.gif) no-repeat left bottom;
}





/* form-box */

.form-box1 {
	width:600px;
	margin-left:15px;
}
.form-box1 span {
	color:#cc0000;
	padding:0 2px;
	font-weight:bold;
}
.form-box1 table {
	width:600px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin-bottom:15px;
	border-top:dashed 1px #4681be;
}
.form-box1 th,
.form-box1 td {
	text-align:left;
	padding:15px 0;
	border-bottom:dashed 1px #4681be;
}
.form-box1 th {
	width:12em;
	vertical-align:top;
}
.form-box1 td {
	vertical-align:middle;
}
.form-box1 input.form1 {width:200px;}
.form-box1 input.form2 {width:360px;}
.form-box1 textarea.form1 {width:360px; height:100px;}

.form-box1 .bt {
	text-align:center;
}
.form-box1 .bt li {
	padding:0 5px;
	display:inline;
}
.form-box1 .bt1 input {
	width:150px;
}
.form-box1 .bt2 input {
	width:80px;
}

.form-box1 .li1 li {
	width:6em;
	float:left;
}
.form-box1 .li2 li {
	width:16em;
	float:left;
}
.form-box1 .li3 li {
	padding-right:15px;
	float:left;
}


/* area */
/* -------------------------------------------------------- */

ul.icon-list li {
	white-space:nowrap;
	padding-right:15px;
	padding-bottom:5px;
	float:left;
}
ul.icon-list img {
	display:inline;
	vertical-align:middle;
	margin-right:4px;
}




/* clear */
/* -------------------------------------------------------- */

.pkg:after, #header-box1:after, #navi:after, #bt-navi:after, #contents:after, #side-navi:after, #banner-list:after,
#top-box1:after, .asset-content:after,
.chair-box1:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.pkg, #header-box1 ,#navi, #bt-navi, #contents, #side-navi, #banner-list,
#top-box1, .asset-content,
.chair-box1 { display: inline-block; }

/* no ie mac \*/
* html .pkg, * html #header-box1, * html #navi, * html #bt-navi, * html #contents, * html #side-navi, * html #banner-list,
* html #top-box1, * html .asset-content,
* html .chair-box1 { height: 1%; }

.pkg, #header-box1 ,#navi, #bt-navi, #contents, #side-navi, #banner-list,
#top-box1, .asset-content,
.chair-box1 { display: block; }
/* */