@charset "utf-8";

/* #wrapper
======================================================================== */
#wrapper{
background:url(../img/contents_bg_pc.png) repeat 50% 0;
}

/* #container .contents
======================================================================= */
#container .contents{
margin-top:0;
}

/* #container .contents #contents_hd
======================================================================= */
#contents_hd #main_visual{
background:url(../img/contents_hd_pc.png) no-repeat 50% 0;
text-align:center;
height:108px;
}


/* #container .contents #main_contents
======================================================================= */
#main_contents{
font-size:14px;
padding-top: 20px;
}

#main_contents .title_box{
margin:0 0 10px 0;
}

#main_contents .title_box h1{
margin:0 0 35px 0;
}

#main_contents .title_box h1 img{
width:455px;
}

#main_contents .title_box p{
color:#322517;
line-height:200%;
}

/* commom parts
-------------------------------------------------- */
#main_contents a.link_btn{
background:url(../img/ico_ar_r_pc.png) no-repeat 94% center;
display:block;
width:240px;
height:70px;
color:#fff;
padding:15px 30px;
line-height:150%;
font-weight:bold;
text-align:left;
}

#main_contents a.link_btn span{
display:inline-block;
text-align:center;
}

/* #container .contents #main_contents #activity_contents
======================================================================= */
#main_contents #activity_contents{
background:url(../img/activity_bg_pc.png) no-repeat 50% 0;
width:836px;
height:818px;
position:relative;
margin:0 auto;
}

#main_contents #activity_contents h2#main_title{
position:absolute;
top:330px;
left:346px;
}

#main_contents #activity_contents h2#main_title img{
width:177px;
}

#main_contents #activity_contents p.txt{
text-align:left;
line-height:210%;
margin:0 0 15px 0;
}

/* #main_contents #activity_contents #block_01
-------------------------------------------------- */
#main_contents #activity_contents #block_01{
width:240px;
position:absolute;
top:185px;
left:90px;
}

#main_contents #activity_contents #block_01 h2 img{
width:228px;
margin:0 0 20px 0;
}

#main_contents #activity_contents #block_01 a.link_btn{
background-color:#ff8b4b;
box-shadow:2px 2px 9px -3px #880e0e;
-moz-box-shadow:2px 2px 9px -3px #880e0e;
-webkit-box-shadow:2px 2px 9px -3px #880e0e;
}

#main_contents #activity_contents #block_01 a:hover{
background-color:#ffb21e;
}

/* #main_contents #activity_contents #block_02
-------------------------------------------------- */
#main_contents #activity_contents #block_02{
width:340px;
position:absolute;
top:60px;
right:46px;
}

#main_contents #activity_contents #block_02 h2 img{
width:228px;
margin:0 0 20px 0;
}

#main_contents #activity_contents #block_02 a.link_btn{
background-color:#078eed;
box-shadow:2px 2px 9px -3px #170e88;
-moz-box-shadow:2px 2px 9px -3px #170e88;
-webkit-box-shadow:2px 2px 9px -3px #170e88;
margin:10px 0 0 60px;
}

#main_contents #activity_contents #block_02 a:hover{
background-color:#00d4e7;
}

#main_contents #activity_contents #block_02 dl{
display:table;
}

#main_contents #activity_contents #block_02 dl dt{
display:table-cell;
width:43px;
padding:0 15px 0 0;
vertical-align:middle;
}

#main_contents #activity_contents #block_02 dl dt img{
width:43px;
}

#main_contents #activity_contents #block_02 dl dd{
display:table-cell;
text-align:left;
line-height:170%;
vertical-align:middle;
}

/* #main_contents #activity_contents #block_03
-------------------------------------------------- */
#main_contents #activity_contents #block_03{
width:280px;
position:absolute;
top:528px;
left:358px;
}

#main_contents #activity_contents #block_03 h2 img{
width:240px;
margin:0 0 20px 0;
}


/* #container .contents #main_contents #area_contents
======================================================================= */
#main_contents #area_contents{
background:url(../img/area_bg_pc.png) no-repeat 0 0;
width:960px;
height:256px;
margin:-43px auto 50px;
position:relative;
}

#main_contents #area_contents .inner{
text-align:left;
position:absolute;
top:130px;
left:155px;
}

#main_contents #area_contents .inner h2{
margin:0 0 25px 0;
}

#main_contents #area_contents .inner h2 img{
width:285px;
}

#main_contents #area_contents .inner p.txt{
color:#11b5de;
line-height:170%;
}

#main_contents #area_contents a.link_btn{
background-color:#11b5de;
box-shadow:2px 2px 9px -3px #4382a6;
-moz-box-shadow:2px 2px 9px -3px #4382a6;
-webkit-box-shadow:2px 2px 9px -3px #4382a6;
position:absolute;
top:140px;
right:130px;
}

#main_contents #area_contents a:hover{
background-color:#55c1ff;
}

#main_contents #area_contents a.link_btn span{
display:inline-block;
text-align:center;
}


/* #container .contents #main_contents #back_page
======================================================================= */
#main_contents #back_page{
width:960px;
margin:0 auto 50px;
}

#main_contents #back_page a{
display:block;
width:236px;
background-color:#ffcc00;
color:#322517;
font-size:20px;
padding:20px 0;
background-image:none;
text-align:center;
font-weight:normal;
}

#main_contents #back_page a span{
background:url(../img/ico_ar_l.png) no-repeat left center;
padding-left:30px;
}

#main_contents #back_page a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}


/* #container .contents #main_contents #introduction_contents
======================================================================= */
#main_contents #introduction_contents{
background-color:#fff;
margin:0 auto 80px;
padding:30px 40px;
width:880px;
}

#main_contents #introduction_contents .title_box{
background:url(../img/introduction_tit_bg.png) repeat-x 0 bottom;
padding:0 0 14px 0;
width:100%;
}

#main_contents #introduction_contents .title_box h2{
background:url(../img/introduction_tit_pc.png) no-repeat 0 0;
text-indent:-9999px;
width:580px;
height:44px;
}

/* #main_contents #introduction_contents #factory_menu
-------------------------------------------------- */
#main_contents #introduction_contents #factory_menu{
display:table;
padding:30px 0 0 15px;
margin:0 auto;
}

#main_contents #introduction_contents #factory_menu li{
width:236px;
display:table-cell;
padding:0 30px 0 0;
vertical-align:top;
}

#main_contents #introduction_contents #factory_menu li dl dd{
background-color:#ffcc00;
text-align:center;
padding:20px 0;
color:#322517;
font-size:20px;
margin:10px 0 15px 0;
}

#main_contents #introduction_contents #factory_menu li dl dd span{
background:url(../img/ico_ar_r.png) no-repeat right center;
padding-right:20px;
}

#main_contents #introduction_contents #factory_menu li.close dl dd{
background-color:#bbbbbb;
}

#main_contents #introduction_contents #factory_menu li a:hover{
text-decoration:none;
}

#main_contents #introduction_contents #factory_menu li a:hover dl{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}

#main_contents #introduction_contents #factory_menu li .caution{
text-indent:-1em;
padding-left:1em;
font-size:14px;
line-height:160%;
text-align:left;
}