@charset "utf-8";

@import "css/reset.css";
@import "css/fonts.css";

img, div { behavior: url("iepngfix.htc") }

body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  }
body.index{background:url(images/index_bg_top.jpg) repeat-x 0 0;}
body.und{background:url(images/und_bg_top.jpg) repeat-x 0 0;}

p,li,th,td,dl,ol{ font-size:13px; line-height:1.5em; color:#333;}
dt{ font-weight:bold;}
dd{ padding:0 0 15px 26px;}
strong{ font-weight:bold; color:#F00;}

ul,li{ margin:0; padding:0; text-indent:0;}

img{ vertical-align:bottom;}


/*リンク色*/

a:link{ color:#89C473; text-decoration:none;}
a:visited{ color:#89C473; text-decoration:none;}
a:hover{ color:#FFF; background:#ADD8B8;}

#topics_body a:link{ color:#666; text-decoration:none;}
#topics_body a:visited{ color:#666; text-decoration:none;}
#topics_body a:hover{ color:#FFF; background:#ADD8B8;}

#footer_menu a:link{ color:#3D814E; text-decoration:none;}
#footer_menu a:visited{ color:#3D814E; text-decoration:none;}
#footer_menu a:hover{ color:#FFF; background:#3D814E;}

#index_support a:link{}
#index_support a:visited{}
#index_support a:hover{ background-color:#FFF;}

#interview h4 a:link{ padding:0 0 0 12px;  color:#FFF; text-decoration:underline; background:url(images/index_interview_h4.jpg) no-repeat 0 2px;}
#interview h4 a:visited{ padding:0 0 0 12px;  color:#FFF; text-decoration:underline; background:url(images/index_interview_h4.jpg) no-repeat 0 2px;}
#interview h4 a:hover{ padding:0 0 0 12px;  color:#CCC; text-decoration:underline; background:url(images/index_interview_h4.jpg) no-repeat 0 2px;}

/*フレーム*/
#container{ margin:0 auto; width:906px; position:relative; background:url(images/main.jpg) no-repeat 0 0;}
#top_flash{ width:906px; height:641px;}
#index_interview{ width:514px; height:460px; float:right; position:relative; background:url(images/index_Envelope.jpg) no-repeat 0 0; z-index:6000;}
#com_flash{ width:392px; height:460px; float:left;}
#com_flash2{ padding-top:15px; width:392px; height:445px; float:left; background:url(images/index_mailbg.jpg) no-repeat 0 0;}
#com_flash2 ul li{ width:270px;}
#com_flash2 ul li #str{ margin:0 5px 0 8px !important; font-size:11px; color:#333; line-height:1.3em;}
#com_flash2 ul li #str a:link{ color:#333;}
#com_flash2 ul li #str a:visited{ color:#333;}
#com_flash2 ul li #str a:hover{ color:#FFF !important; background:#7A4872;}

#com_flash2 ul li #str_tw{ margin:0 5px 0 8px !important; font-size:11px; color:#333; line-height:1.3em;}
#com_flash2 ul li #str_tw a:link{ color:#333;}
#com_flash2 ul li #str_tw a:visited{ color:#333;}
#com_flash2 ul li #str_tw a:hover{ color:#FFF !important; background:#1594D2;}

#a19_bns{ padding:0 15px;}
#a19_bns li{ float:left; width:270px; padding-bottom:15px;}
#a19_bns li .str{ margin:0 5px 0 8px !important; font-size:11px; color:#333; line-height:1.3em;}

.bn001 a:link{ color:#333;}
.bn001 a:visited{ color:#333;}
.bn001 a:hover{ color:#FFF !important; background:#7A4872;}

.bn002 a:link{ color:#333;}
.bn002 a:visited{ color:#333;}
.bn002 a:hover{ color:#FFF !important; background:#1594D2;}

.bn003 a:link{ color:#333;}
.bn003 a:visited{ color:#333;}
.bn003 a:hover{ color:#FFF !important; background:#065175;}



#index_foot{ margin:0 auto; width:906px; height:195px; background:url(images/index_foot.jpg) no-repeat 0 0; position:relative; clear:both; z-index:2;}
#footer_box{ width:100%; background:url(images/und_bg_bottom.jpg) repeat-x 0 0; clear:both;}

/*index_interview*/
#index_interview h3{ width:232px; height:79px; position:absolute; top:25px; left:5px;}

#interview{ width:251px; position:absolute; top:20px; left:229px; z-index:9999;}
#interview h4{ padding-bottom:8px; color:#FFF; font-size:12px; line-height:13px; font-weight:bold; font-weight:bold;}
.interview_top{ width:251px; height:4px; background:url(images/index_interviewBG_top.png) no-repeat 0 0;}
.interview_middle{ padding:5px 8px 0 11px; width:232px; background:url(images/index_interviewBG_middle.png) no-repeat 0 0;}
.interview_bottom{ padding-bottom:10px; width:251px; height:4px; background:url(images/index_interviewBG_bottom.png) no-repeat 0 0;}
.interview_note{ width:138px; background:url(images/index_interview_note.png) no-repeat 0 0; float:right;}
.interview_note p{ font-size:11px; color:#FFF; line-height:15px; text-indent:15px;}
.person{ padding:2px; margin-bottom:5px; background:#FFF; border:1px solid #CCC;}
.interview_more{ padding-top:10px; text-align:right;}

/*foot_navi*/
#foot_menu{ width:362px; height:17px; position:absolute; right:0; top:90px;}
#foot_menu li{ float:left;}

/*foot*/
#foot_cont{ background: url(images/index_bottom_bg.jpg) repeat-x 0 0;}
#index_support{ width:304px; height:87px; position:absolute; top:30px; left:60px;}
#copy{ width:250px; height:19px; position:absolute; bottom:5px; left:145px;}
#foot_logo{ width:467px; height:60px; position:absolute; top:128px; right:0;}
#foot_box{ width:150px; height:65px; float:left;}
#foot_logo h5{ padding-bottom:3px; font-size:12px; font-weight:bold; color:#666;}
#foot_logo address{ text-indent:5px; font-size:11px; color:#333; line-height:1.4em;}

/*und*/
#head_box{ width:100%; height:236px; position:absolute; left:0; background:url(images/bg_right_png.png) no-repeat 0 0;}
#head{ height:236px; position:relative;}
#head h1{ width:136px; height:44px; position:absolute; top:7px; left:22px;}
#g_navi{ width:718px; position:absolute; top:13px; right:0;}
#g_navi li{ float:left;}
#g_navi li img{ vertical-align:bottom;}

#side{ padding:0 0 0 15px; width:241px; float:left; position:relative;}
#side h3{ width:219px; height:85px; position:absolute; top:-85px; left:15px;}
#side_navi{ background:url(images/side_middle.jpg) repeat-y 0 0;}
#side_navi dd{ padding:0;}
#side_navi dt img,#side_navi dd img{ vertical-align:bottom;}

#side_navi.str_ver{ padding:0 45px 0 20px; background:url(images/side_middle2.jpg) repeat-y 0 0; font-size:11px;}
#side_navi.str_ver dt{ padding:15px 0 5px 15px; border-bottom:1px dotted #CCC; color:#89C473; background:url(images/question.gif) no-repeat 0 17px; position:relative}
#side_navi.str_ver dd{ padding:5px 0 5px 15px; border-bottom:1px solid #CCC; color:#999; background:url(images/answer.gif) no-repeat 0 9px; position:relative}


#side_navi.com{ padding:0; background:url(images/side_middle2.jpg) repeat-y 0 0; font-size:11px;}
#side_navi.com dt{ padding:15px 0 0 0; color:#89C473; position:relative}
#side_navi.com dd{ margin:0 45px 0 20px; padding:5px 0 5px 15px; border-bottom:1px solid #CCC; color:#999; background:url(images/answer.gif) no-repeat 0 9px; position:relative}

#side_navi.pro{ padding:0; background:url(images/side_middle2.jpg) repeat-y 0 0; font-size:11px;}
#side_navi.pro dt{ padding:15px 0 0 0; color:#89C473; position:relative}
#side_navi.pro dd{ margin:0 45px 0 20px; padding:5px 0 5px 15px; border-bottom:1px solid #CCC; color:#999; background:url(images/answer2.gif) no-repeat 2px 10px; position:relative}


#side_bottom{ width:219px; height:22px; background:url(images/side_bottom.jpg) no-repeat 0 0;}

#main_content{ width:650px; float:right; background:url(images/und_Envelope.jpg) no-repeat 100% 100%;}
#main_content.one_column{ width:906px; float:none; background:url(images/und_Envelope.jpg) no-repeat 100% 100%;}
#main_content h2{ padding:15px 0 30px 0;}


/*制作実績*/
.products_note{ width:365px; float:right; position:relative;}
.products_note h3{ margin-bottom:5px; font-size:14px; font-weight:bold; color:#10597B; border-bottom:1px solid #10597B;}
.products_note h4{ font-size:14px; font-weight:bold; padding:10px 0; color:#666;}
.products_note li{ padding:0 0 0 13px; border-bottom:1px dotted #CCC; font-size:12px; line-height:1.5em; color:#333; background:url(images/list_dot.gif) no-repeat 2px 5px;}
.products_note ul{ padding-bottom:15px;}
h3.interview{ padding:0 0 0 22px; margin:0 0 50px 0; background:url(images/interview_dot.jpg) no-repeat 0 0; border:none;}
.products_note p{ font-size:13px; color:#666;}
.watch{ position:absolute; top:10px; right:0;}
.watch_interview{ text-align:right; padding-top:60px; padding-bottom:15px;}
.kei{ padding-bottom:50px;}
.mid_img{ border:1px solid #CCC; margin-left:15px;}

.product_others{ width:650px; position:relative;}
.product_others h3{ padding-bottom:3px; font-size:13px; color:#10597B;}
.product_img{ padding:2px; border:solid 1px #CCC; margin-bottom:50px; background:#FFF;}
.watch_site{ position:absolute; top:-3px; right:0;}

/*インタビュー用*/
#interview_note p{}
.go_link{ padding:15px 0 0 15px; background:url(images/out_site.gif) no-repeat 0 20px;}
.aikyu{ padding:0 0 15px 15px !important; color:#669999; font-weight:bold; background:url(images/aiku_talk.gif) no-repeat 0 5px;}
.cutomer{ margin-left:18px; padding:0 0 30px 0;}


/*プライバシーポリシー*/
#privacy{ padding:0 0 0 50px;}
#privacy h4{ padding:25px 0 5px 0; font-weight:bold; font-size:14px; color:#333;}
#privacy ol,#privacy dl{ padding:0 0 0 50px;}
#privacy li{ list-style:decimal;}


/*新着情報*/
.topics_box{margin:0 0 0 50px; padding:0 0 30px 0; width:580px; border-bottom:1px solid #CCC}
.topics h3{ padding:5px 5px 5px 22px; margin:0 0 0 0; color:#FFF; background: #355066 url(images/topics_dot.gif) no-repeat 6px 6px;}
.date{ text-align:right; border-bottom:1px solid #CCC; font-size:11px; color:#999;}
.detail{ padding:5px 0 40px 20px;}


/*テーブル関係*/
.table_basic{ margin:0 0 14px 15px; border-collapse:collapse; border-bottom:2px solid #CCC; border-top:2px solid #CCC; }
.table_basic th,.table_basic td{ padding:5px; border-bottom:1px dotted #CCC; font-size:11px;}
.table_basic th{ background:#E3F1FB; color:#666; text-align:left;}

.table_list{ margin:0 0 20px 15px;}
.table_list th{ padding:0 15px 10px 0; font-size:11px;}
.fl_name{ padding:5px 0 0 0; font-size:12px; color:#963; border-bottom:1px solid #963; display:block;}

.table_2{ margin:5px 0 0 50px; width:500px;
font-size:13px;
border-collapse:collapse;
border-top:1px solid #A99496;
border-bottom:1px solid #A99496;
line-height:20px;
}

.table_2 th{
margin:1px 0;
padding:5px 7px;
background:#D8F0FE;
border-right:1px dotted #FFF;
border-bottom:1px solid #FFF;
text-align:left;
color:#333;
}

.table_2 th.subyear{
background:#EFEFEF;
color:#333;
text-align:right;
border-bottom:1px dotted #FFF;
}

.table_2 th.index{
color:#333333;
background:#FFF;
}

.table_2 td{
padding:10px 7px;
border-bottom:1px solid #999;
text-align:left;
}

.table_2 td,.table_2 th{ line-height:1.8em;}


.first_box{margin:0 0 0 50px; width:500px;}
.first_box p{ padding-bottom:12px;}
.ak_box{margin:25px 0 25px 50px; padding:10px; width:480px; background:#FFF; border:1px solid #CCC;}
.ak_box label{ padding-right:7px;}
.ak_box p{ line-height:2em;}
.unk{ margin-bottom:15px; color:#699; border-bottom:1px solid #CCC;}

#privacy-inner{ font-size:11px;}

#go_btn{ padding-bottom:150px; text-align:center;}

/*フォーム*/

input,textarea {
    border: 1px solid #999;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 0 2px #CCC;
    -webkit-box-shadow: 0 0 2px #CCC;
    -moz-box-shadow: 0 0 2px #CCC;
    padding:3px;

}

form .focus {
    box-shadow: 0 0 4px #0670C6;
    -webkit-box-shadow: 0 0 4px #0670C6;
    -moz-box-shadow: 0 0 4px #0670C6;
}

#sort input{ border:none;}


/*スタイル*/
.red{ color:#FF0000;}
.orage{ color:#FFCC00;}
.bold{ font-weight:bold;}
.img_r{ padding:0 0 15px 15px; float:right;}
.img_l{ padding:0 15px 15px 0; float:left;}


/*広告用*/
#foot_ad{ width:100%; padding:10px 0; border-top:1px solid #CCC; text-align:center; background:url(images/ad_bg.gif) repeat-x 0 0 #333;}
#foot_ad a:hover{ background:none;}

.mega_ad{ background:#333; width:489px; padding:3px; margin:0 auto; margin-top:15px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC;}
.maga_ad_li{display:inline !important; /*border-right:1px solid #CCC;*/ font-size:14px !important; padding:0 10px;}
.mega_ad_li_2{display:inline !important; font-size:11px !important; padding:0 10px;}



/*thickbox用*/
#TB_caption{ color:#999; background:url(images/thick_bg.gif) no-repeat 10px 6px;}

.dammy{ vertical-align:bottom;}

#tw{ width:200px; height:136px; position:absolute; top:20px; right:20px; z-index:300;}