@charset "utf-8";

body { background:#fff url("../images/kyara/body_back.jpg") repeat-x top;}

#wrap { width:902px; text-align:left; background:#fff url("../images/base/wrap_back1.gif") repeat-y center; margin-left:auto; margin-right:auto;}
#wrap_inner { width:900px; margin-left:1px;}
h1 { background:#ED6D01; color:#fff; font-size:10px; padding:0.6em 25px 0.7em; line-height:100%;}
.content_main { width:820px; margin-left:40px; padding-top:35px;}
.header_block { width:100%; height:214px; position:relative;}
.header_block h2 { font-weight:bold; font-size:13px; color:#fff; position:absolute; left:35px; top:135px;}
.header_block a,
.header_block a:hover { background:url("../images/kyara/topreturn_btn_o.gif") no-repeat left top; display:block; height:27px; width:130px; position:absolute; left:35px; top:160px; }
.header_block a:hover img { display:none; visibility:hidden;}
* html .header_block a { display:inline-block;}

#page_top1 { padding-top:15px; padding-bottom:20px; text-align:right;}
#page_top1 a,
#page_top1 a:hover { margin-left:auto; display:block; width:125px; height:17px; background:url("../images/kyara/page_top_o.gif") no-repeat left top;}
#page_top1 a:hover img { visibility:hidden; display:none;}
* html #page_top1 a { display:inline-block;}

#footer_block { margin-left:1px; margin-right:1px; clear:both; background:#ED6D01; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:right; padding:0.5em 20px; line-height:100%; font-size:10px; }

#toppage .block01,
#toppage .block02,
#toppage .block03 { width:800px; margin-left:auto; margin-right:auto;}

#toppage .block01 { margin-top:2.3em;}
#toppage .block01 p { margin-bottom:1.5em; line-height:170%;}
#toppage .block02 { margin-top:3.5em;}
#toppage .block02 .teble_block1 { margin-top:1.8em;}
#toppage .block02 .teble_block1 table { border-collapse:collapse;}
#toppage .block02 .teble_block1 td { border:1px #F8B625 solid; width:158px;}
#toppage .block02 .teble_block1 td.img_block {}
#toppage .block02 .teble_block1 td.img_block a .sum_img,
#toppage .block02 .teble_block1 td.img_block span .sum_img { left:9px; top:7px; position:absolute;}
#toppage .block02 .teble_block1 td.img_block a .click_icon { left:49px; top:64px; position:absolute; visibility:hidden;}
#toppage .block02 .teble_block1 td.img_block a .hover { visibility:visible;}
#toppage .block02 .teble_block1 td.img_block a,
#toppage .block02 .teble_block1 td.img_block span { width:100%; height:150px; position:relative; display:block;}
#toppage .block02 .teble_block1 td.txt_block { padding-top:0.6em; padding-bottom:0.6em;}
#toppage .block02 .teble_block1 td.txt_block p { background-image:url("../images/kyara/icon01.gif"); padding-left:16px; background-repeat:no-repeat; background-position:left 0.15em; margin-left:8px; margin-right:8px; line-height:130%; font-size:10px;}
#toppage .block02 .teble_block1 td.txt_block a { font-size:10px; line-height:130%;}
#toppage .block02 .teble_block1 td.txt_block a:hover { color:#F8B625; text-decoration:none;}
.mailto_block { height:31px; margin-top:2.5em;}
#otherpage .mailto_block { margin-top:1.5em;}
.mailto_block dt { width:510px; float:left;}
.mailto_block dd { width:272px; float:right;}
.mailto_block dd a,
.mailto_block dd a:hover { width:100%; height:31px; display:block; background:url("../images/kyara/index_block03_img02_o.gif") no-repeat left top;}
.mailto_block dd a:hover img { display:none; visibility:hidden;}
* html .mailto_block dd a { display:inline-block;}

#other_header { padding-bottom:1.5em;}
#other_header p { font-size:10px; text-align:right; margin-top:0.3em; color:#98331D;}
#other_header .img_block { width:100%; height:55px; position:relative;}
#other_header .img_block a,
#other_header .img_block a:hover { background:url("../images/kyara/header02_btn_o.gif") no-repeat left top; position:absolute; display:block; width:280px; height:28px; top:14px; right:14px;}
#other_header .img_block a:hover img { visibility:hidden; display:none;}
* html #other_header .img_block a { display:inline-block;}

#otherpage .block01,
#otherpage .block03,
#otherpage .block04,
#otherpage .block06,
#otherpage .block07 { margin-bottom:3.5em;}

#otherpage .block08,
#otherpage .block09,
#otherpage .block10,
#otherpage .block11 { padding-bottom:3.4em;}

#otherpage .block02 { padding-bottom:1em;}
#otherpage .block05 { padding-bottom:2em;}

#otherpage .half_block .left_block { width:395px; float:left;}
#otherpage .half_block .right_block { width:395px; float:right;}

#otherpage .midasi01 { background:url("../images/kyara/midasi01.gif") repeat-x top;}
#otherpage .midasi01 span { background:url("../images/kyara/midasi01.gif") repeat-x bottom; display:block; font-size:140%; font-weight:bold; padding:0.8em 10px;}
#otherpage .text_block { margin-left:10px; margin-right:10px; padding-top:1.2em;}

#otherpage .block01 .illust_block1,
#otherpage .block02 .illust_block1,
#otherpage .block03 .illust_block1,
#otherpage .block04 .illust_block1,
#otherpage .block05 .illust_block1,
#otherpage .block06 .illust_block1,
#otherpage .block07 .illust_block1 { width:100%; position:relative; margin-top:1.5em;}

#otherpage .block01 .illust_block1 { height:575px;}
#otherpage .block02 .illust_block1 { height:585px;}
#otherpage .block03 .illust_block1 { height:574px;}
#otherpage .block04 .illust_block1 { height:292px;}
#otherpage .block05 .illust_block1 { height:179px;}
#otherpage .block06 .illust_block1 { height:232px;}
#otherpage .block07 .illust_block1 { height:242px;}

#otherpage .block08 .illust_block1,
#otherpage .block09 .illust_block1,
#otherpage .block10 .illust_block1,
#otherpage .block11 .illust_block1 { text-align:center;}
#otherpage .block08 .illust_block1 { margin-top:2em;}
#otherpage .block09 .illust_block1 { margin-top:1em;}
#otherpage .block10 .illust_block1 { margin-top:0.6em;}
#otherpage .block11 .illust_block1 { margin-top:2.5em;}

#otherpage .block01 img.illust1 { position:absolute; top:0; left:0;}
#otherpage .block01 img.illust2 { position:absolute; top:0; right:15px;}
#otherpage .block02 img.illust1 { position:absolute; top:0; left:10px;}
#otherpage .block02 img.illust2 { position:absolute; bottom:0; left:10px;}
#otherpage .block03 img.illust1 { position:absolute; top:0; left:10px;}
#otherpage .block03 img.illust2 { position:absolute; top:0; right:10px;}
#otherpage .block03 img.illust3 { position:absolute; bottom:0; left:10px;}
#otherpage .block03 img.illust4 { position:absolute; bottom:0; right:10px;}
#otherpage .block04 img.illust1 { position:absolute; top:30px; left:10px;}
#otherpage .block04 img.illust2 { position:absolute; top:0; right:10px;}
#otherpage .block05 img.illust1 { position:absolute; top:0; left:10px;}
#otherpage .block06 img.illust1 { position:absolute; top:40px; left:40px;}
#otherpage .block06 img.illust2 { position:absolute; top:0; right:40px;}
#otherpage .block07 img.illust1 { position:absolute; top:0; left:40px;}
#otherpage .block07 img.illust2 { position:absolute; top:5px; right:40px;}

#otherpage .page_list { width:100%;}
#otherpage .page_list li { margin-left:1px; float:right;}
#otherpage .page_list li a,
#otherpage .page_list li span { display:inline-block; padding:0.2em 0.5em; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#otherpage .page_list li a { border:1px #ED6D01 solid;}
#otherpage .page_list li a:hover { background:#ffff99; text-decoration:none;}
#otherpage .page_list li span { color:#fff; border:1px #F8B625 solid; background:#ED6D01;}