@charset "utf-8";
*{ margin:0; padding:0; overflow-x:hidden; font-size:8pt; line-height:2em; font-family:"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro W3,Osaka; vertical-align:baseline;}

* html *{ font-size:7pt;}/*IE6フォントサイズ*/

img{ border:none;}
p,ol,li,dt,dd{ color:#182F51;}
li{ list-style-type:none;}
strong{ color:#990000; font-weight:bold; font-size:14px;}
noscript{ clear:both;}
.scriptoff{ color:#000099; font-size:9px; font-weight:normal;}



/*-------------------クリア設定--------------------*/
.clear{ clear:left;}
*:first-child+html .clear{ height:0px; visibility:hidden; clear:left;}
* html .clear{ height:0px; visibility:hidden; clear:left;}
.clearfix:after {
  contents: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*--------------------コンテナ--------------------*/
#wrapper{ position:relative; left:50%; margin-left:-1000px; width:2000px; background:url(../img/contents/bg_sky.jpg) top center no-repeat;}
#wrapper_recruit{ position:relative; left:50%; margin-left:-1000px; width:2000px; background:url(../img/contents/rainbow_bg.jpg) top center no-repeat;}
#left,#right{ width:550px;}
#center{ width:900px; background:url(../img/contents/glass_center.png) center bottom no-repeat;}
#right{ background:url(../img/contents/glass_right.png) left bottom no-repeat;}
#left{ background:url(../img/contents/glass_left.png) left bottom no-repeat;}
#left,#center,#right{ float:left; height:399px; margin-top:-130px;}

/*IE7*/
*:first-child+html #left{ float:left; height:399px;}
*:first-child+html #center{ float:left; height:399px;}
*:first-child+html #right{ float:left; height:399px;}

/*Firefox*/
#left, x:-moz-broken{ float:left; height:399px;}
#center, x:-moz-broken{ float:left; height:399px;}
#right, x:-moz-broken{ float:left; height:399px;}



/*--------------------グローバルナビゲーション--------------------*/
#button{ width:50em; margin-left:-25em; left:50%; position:relative; font-size:10pt;}
#button li{ float:left;}
#button a{ color:#869A26; text-decoration:none;}
#button a:hover{text-decoration:underline;}
.naviline{ margin:0 0.5em 0 0.5em; color:#869A26;}
#copyright{ text-align:center; color:#798349; font-size:9px; margin-top:1em;}

/*IE6*/
* html #copyright{ margin-top:-2em;}



/*--------------------Webサイト制作のグローバルナビゲーション--------------------*/
#web_left,#web_right{ width:550px;}
#web_center{ width:900px; background:url(../img/contents/glass_center.png) center bottom no-repeat; position:absolute; left:550px; bottom:0;}
#web_right{ background:url(../img/contents/glass_right.png) left bottom no-repeat; position:absolute; bottom:0; right:0;}
#web_left{ background:url(../img/contents/glass_left.png) left bottom no-repeat; position:absolute; bottom:0; left:0;}
#web_left,#web_center,#web_right{ float:left; height:399px; margin-top:-380px;}

#web_button{ width:50em; margin-left:-25em; left:50%; position:relative; top:-230px; font-size:10pt;}
#web_button li{ float:left;}
#web_button a{ color:#869A26; text-decoration:none;}
#web_button a:hover{text-decoration:underline;}
.web_naviline{ margin:0 0.5em 0 0.5em; color:#869A26;}
#web_copyright{ text-align:center; color:#798349; font-size:9px; margin-top:1em;}

/*IE6*/
* html #web_copyright{ margin-top:-2em;}

/*IE7*/
*:first-child+html #web_left{ float:left; height:399px; margin-top:-380px;}
*:first-child+html #web_center{ float:left; height:399px; margin-top:-380px;}
*:first-child+html #web_right{ float:left; height:399px; margin-top:-380px;}

/*Firefox*/
#web_left, x:-moz-broken{ float:left; height:399px; margin-top:-380px;}
#web_center, x:-moz-broken{ float:left; height:399px; margin-top:-380px;}
#web_right, x:-moz-broken{ float:left; height:399px; margin-top:-380px;}



/*--------------------Webサイト制作--------------------*/
#web_title{ position:absolute; top:50px; left:583px;}
#web_second{ text-align:center; margin-bottom:1em;}
#web_top{ height:190px;}
#web_box{ width:56em; margin:auto; margin-bottom:1em;}
#webimgbox{ min-height:700px; font-size:-6pt;}
* html #webimgbox{ min-height: 700px; height: auto !important; height:700px;}/*min-heightを適応*/

/*IE*/
#web_box{ /width:62em;}/*IE6,7 テキスト数*/
head~/* */body #web_box{ /width:62em;}/*IE8 テキスト数*/

.web_dt,.waizu_dd{ float:left; vertical-align:text-top;}
.web_dt{ width:95px;}
.web_dd a{ color:#0000FF;}
.web_li{ margin:1em 0 1em 0;}
.web_li a{ color:#990000;}

#web_gallery{ position:relative; margin-top:30px; height:790px;}
#web_third{ color:#6E542B; text-align:center;}

/*回転*/
#carousel{ height:700px; width:900px; position:relative; left:550px; overflow:hidden; top:-150px; bottom:-150px; color:#182F51;}
#carousel img{ width:100%; height:auto; border:0px solid #FFFFFF; display:block;}



/*--------------------イラストレーション制作--------------------*/
#illust_title{ position:absolute; top:36px; left:728px;}
#illust_second{ text-align:center;}

#illust_top{ height:190px;}
#illust_box{ width:800px; margin:auto; margin-bottom:2em; margin-top:2em;}

.illust_dt,.waizu_dd{ line-height:30px; float:left; vertical-align:text-top;}
.illust_dt{ width:95px;}
.illust_dd a{ color:#0000FF;}
.illust_li{ margin:0.5em 0 1em 0;}
.illust_li a{ color:#990000;}

#illust_gallery{ margin:0 0 1em 0;}
#illust_third{ color:#6E542B; text-align:center;}

.comment{ text-align:center; color:#FFFFFF; font-size:11px; margin:5px 0 5px 0;}

#illust_text{ margin-bottom:3em;}

/*マーキー*/
.m_a{float:left; width:100px; padding:0 50px 0 50px;}
#rollover_illust{ width:100px; height:255px; background-image:url(../img/contents/illust/illust01.png); cursor:pointer;}
a #rollover_illust:link{ background:url(../img/contents/illust/illust01.png) no-repeat;}
a #rollover_illust:visited{ background:url(../img/contents/illust/illust01.png) no-repeat;}
a #rollover_illust:hover{ background:url(../img/contents/illust/illust01_on.png) no-repeat;}
a #rollover_illust:active{ background:url(../img/contents/illust/illust01_on.png) no-repeat;}

#rollover_character{ width:100px; height:257px; background-image:url(../img/contents/illust/illust02.png); cursor:pointer;}
a #rollover_character:link{ background:url(../img/contents/illust/illust02.png) no-repeat;}
a #rollover_character:visited{ background:url(../img/contents/illust/illust02.png) no-repeat;}
a #rollover_character:hover{ background:url(../img/contents/illust/illust02_on.png) no-repeat;}
a #rollover_character:active{ background:url(../img/contents/illust/illust02_on.png) no-repeat;}

#rollover_nigaoe{ width:100px; height:270px; background-image:url(../img/contents/illust/illust03.png); cursor:pointer;}
a #rollover_nigaoe:link{ background:url(../img/contents/illust/illust03.png) no-repeat;}
a #rollover_nigaoe:visited{ background:url(../img/contents/illust/illust03.png) no-repeat;}
a #rollover_nigaoe:hover{ background:url(../img/contents/illust/illust03_on.png) no-repeat;}
a #rollover_nigaoe:active{ background:url(../img/contents/illust/illust03_on.png) no-repeat;}

#rollover_cut{ width:100px; height:270px; background-image:url(../img/contents/illust/illust04.png); cursor:pointer;}
a #rollover_cut:link{ background:url(../img/contents/illust/illust04.png) no-repeat;}
a #rollover_cut:visited{ background:url(../img/contents/illust/illust04.png) no-repeat;}
a #rollover_cut:hover{ background:url(../img/contents/illust/illust04_on.png) no-repeat;}
a #rollover_cut:active{ background:url(../img/contents/illust/illust04_on.png) no-repeat;}



/*--------------------ワイズ--------------------*/
#waizu_title{ position:absolute; top:36px; left:717px;}
#waizu_second{ text-align:center; margin-bottom:30px;}
#waizu_top{ height:190px;}
#waizu_box{ margin:auto; margin-bottom:30px; width:334px;}
#waizu_bg_left{ position:absolute; top:356px; left:629px; background:url(../img/contents/waizu/baloon_left.png) no-repeat; width:116px; height:162px;}
#waizu_bg_right{ position:absolute; top:487px; left:1235px; background:url(../img/contents/waizu/baloon_right.png) no-repeat; width:149px; height:208px;}
.waizu_dt,.waizu_dd{ float:left;}

/*IE*/
* html .waizu_dt,* html .waizu_dd{ margin-bottom:-2em;}/*列揃え*/
* html .waizu_dt{ width:74px; padding:0.8em 0 0 0;}

/*IE7*/
*:first-child+html .waizu_dt{ padding:0.3em 0 0 0;}/*列揃え*/

.waizu_dt{ padding:0.7em 0 0 0;}
.waizu_dd{ width:250px; margin-left:10px;}
.waizu_dd a{ color:#0000FF;}



/*--------------------リクルート--------------------*/
#recruit_title{ position:absolute; top:46px; left:683px;}
#recruit_second{ text-align:center; margin-bottom:2em;}
#recruit_top{ height:190px;}
#recruit_box{ margin:auto; margin-bottom:2em; width:470px;}
#recruit_text{ margin-bottom:1.6em; text-align:center;}
table{ margin:auto; width:350px;}
#recruit_bg{ position:absolute; top:115px; left:0px; background:url(../img/contents/recruit/rainbow_bg.png) no-repeat; width:2000px; height:500px;}

.recruit_dl{ width:650px; margin:auto;}
.recruit_dt,.recruit_dd,.recruit_tall_left,.recruit_tall_right,.recruit_high_left,.recruit_high_right{ float:left; vertical-align:text-top;}

/*IE6*/
* html .recruit_dt,* html .recruit_dd,* html .recruit_tall_left,* html .recruit_tall_right,* html .recruit_high_left,* html .recruit_high_right{ margin-bottom:-2em;}/*列揃え*/

.recruit_dt,.recruit_tall_left,.recruit_high_left{ width:92px;}
.recruit_dt,.recruit_dd{ height:30px;}
.recruit_tall_left,.recruit_tall_right{ height:52px;} 
.recruit_high_left,.recruit_high_right{ height:94px;}
.recruit_left_td{ width:79px; height:12px;}



/*--------------------メール--------------------*/
#mailform{ margin-bottom:2em;}
#mail_title{ position:absolute; top:50px; left:657px;}

/*モダンブラウザ*/
html:not(:target) #mail_second{ width:320px; height:40px; margin:auto;}

/*IE6*/
* html #mail_second{ width:320px; height:0px; margin:auto;}

/*IE7*/
*:first-child+html #mail_second{ width:320px; height:23px; margin:auto;}

/*IE8*/
head~/* */body #mail_second{ width:320px; height:23px; margin:auto;}

#mail_third{ text-align:center; color:#182F51; margin-top:2em; font-size:14px;}
#mail_top{ height:190px;}
#mail_box{ margin:auto;}
.mail_text{ text-align:center; padding-bottom:10px;}
#mailform td img{ padding-right:10px;}
#mail_bg_left{ position:absolute; top:384px; left:571px; background:url(../img/contents/mail/kamome_left.png) no-repeat; width:215px; height:195px;}
#mail_bg_right{ position:absolute; top:222px; left:1141px; background:url(../img/contents/mail/kamome_right.png) no-repeat; width:269px; height:204px;}
.mail_phoneno{ margin:0.5em; 0 1em 0; text-align:center;}
.mail_phoneno a{ color:#990000;}



/*--------------------プライバシーポリシー--------------------*/
#policy_title{ position:absolute; top:36px; left:600px;}
#policy_second{ text-align:center; margin-bottom:30px;}
#policy_top{ height:190px;}
#policy_box{ width:800px; margin-left:auto; margin-right:auto; margin-bottom:2em;}
#policy_bg_left{ position:absolute; top:356px; left:629px; background:url(../img/contents/waizu/baloon_left.png) no-repeat; width:116px; height:162px;}
#policy_bg_right{ position:absolute; top:487px; left:1235px; background:url(../img/contents/waizu/baloon_right.png) no-repeat; width:149px; height:208px;}
.policy_dt,.policy_dd{ line-height:30px; float:left; vertical-align:text-top;}
.policy_dt{ width:95px;}
.policy_dd a{ color:#0000FF;}
.policy_ol{ font-weight:bold; margin-top:2em;}
.policy_p{ margin-top:1em;}



/*--------------------Web素材--------------------*/
#sozai_title{ position:absolute; top:51px; left:550px;}
#sozai_second{ text-align:center; margin:-3em 0 1em 0;}
#sozai_third{ text-align:center; margin:2em 0 0 0;}
#sozai_textbox{ width:43em; margin:auto; color:#182F51;}
#sozai_top{ height:190px;}
.sozai_textsmall,.sozai_textsmall a{ font-size:90%;}

#sozai{ width:600px; margin:auto; padding-bottom:3em;}
#sozai .box{ margin-right:20px;margin-bottom:10px;float:left;}
#sozai table{ width:80px; height:80px;}
#sozai table img{ margin-top:2em;}
.imagebox{border-bottom:#003366 solid 1px;border-right:#003366 solid 1px;}

#popup{ background-color:#FFFFFF; position:absolute; top:225px; left:875px; visibility:hidden; padding:1em; text-align:left; border:solid 1px #000066;}

.textlink{ text-decoration:underline; margin-top:2em; font-weight:bold; cursor:pointer; font-size:90%; display:inline;}