@charset "UTF-8";
/* CSS Document */

/*****************************************************************************
layout
*****************************************************************************/
div#contentArea:after {
content:'.';
display:block;
height:0;
visibility:hidden;
clear:both;
}
div#contentArea {
margin:15px 0 0 0;
zoom:1;
font-family: "CI", Meiryo, "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "lr oSVbN", "MS PGothic", sans-serif;
}


div#contentArea div#contentsLeft {
float:left;
width:721px;
margin:26px 0 0 0;
}
div#contentArea div#contentsRight {
float:right;
width:229px;
margin:26px 0 0 0;
}
img {
vertical-align: top;
font-size:0;
line-height:0;
}
/*****************************************************************************
Style
*****************************************************************************/

/* mod_header
-----------------------------------------*/
.mod_header{
margin:0 auto;
width:967px;
margin-bottom:8px;
}
.mod_header h1{
float:left;
}
.mod_header p{
margin-top:9px;
float:right;
}
/* area_carousel
-----------------------------------------*/
#area_carousel {
width:100%;
height:380px;
overflow:hidden;
position:relative;
z-index:1!important;
}
#area_carousel_wrap {
position:relative;
z-index:1!important;
}
.caroufredsel_wrapper{
z-index:1!important;
}
#carousel{
z-index:1!important;
}
#carousel li {
position:relative;
float: left;
}

#carousel li a{
display:block;
/* width:1200px;
height:380px;
*/ position:relative;
z-index:1!important;
}
/* link */
#carousel a.inline{
display:inline-block;
position:absolute;
width:auto;
height:auto;
z-index:9999;
}
#carousel a.inline.link01{
top:337px;
left:131px;
}
#carousel a.inline.link02{
top:314px;
left:131px;
}
/* touch-device */
.touch-device #carousel>li>a>img{
max-width: 100%;
height: auto;
display: block;
}
.touch-device #area_carousel {
height:auto;
}


#pager {
position: absolute;
z-index:999;
bottom: 18px;
left:0px;
width:100%;
text-align: center;
}
#pager a {
display: inline-block;
margin: 0 6px;
width: 8px;
height: 8px;
background: url('../img/carousel/bg_sprite.png') no-repeat -200px 0px;
}
#pager a.selected{
background-position: -200px -8px;
}
#pager a span {
display: none;
}
#slide_prev span,
#slide_next span{
display: none;
}
#slide_prev,
#slide_next{
display:block;
width:40px;
height:51px;
position:absolute;
top:45%;
z-index:9999;
}
#slide_prev{
left:41px;
background: url('../img/carousel/bg_sprite.png') no-repeat 0px 0px;
}
#slide_next{
right:30px;
background: url('../img/carousel/bg_sprite.png') no-repeat -100px 0px;
}

/* mod_visual static
-----------------------------------------
.mod_visual{
position:relative;
width:1200px;
height:380px;
margin:0 0 0 0;
}
/* link
.mod_visual a.inline{
display:inline-block;
position:absolute;
width:auto;
height:auto;
z-index:9999;
}
.mod_visual a.inline.link01{
top:337px;
left:131px;
}
.mod_visual a.inline.link02{
top:314px;
left:131px;
}*/

/* mod_bnr
-----------------------------------------*/
.mod_bnr{
margin:30px 0 0 0!important;
}
.boxbnrTitle{
 margin:0 0 10px 0!important;
font-size: 24px;
font-weight: normal;
}
.mod_bnr ul li{
line-height: 0;
float:right;
width:475px;
}
.mod_bnr ul li:first-child{
float:left;
}

/* mod_nav
-----------------------------------------*/
.mod_nav{
margin:30px 0 0 0!important;
}
.mod_nav .navTitle{
margin:0 0 10px 0!important;
font-size: 24px;
font-weight: normal;
}

.mod_nav_list ul{
width:984px;
margin:0 -17px 0 0!important;
}
.mod_nav_list ul li{
float:left;
width:311px;
margin:0 17px 15px 0!important;
font-size: 14px;
line-height:1.3;
}
.mod_nav_list ul li img{
margin:0 0 8px 0!important;
}
div#contentArea .mod_nav a:link    {color:#000;}
div#contentArea .mod_nav a:visited {color:#000;}
div#contentArea .mod_nav a:hover   {color:#000;}
div#contentArea .mod_nav a:active  {color:#000;}

/* mod_nav_block */
.mod_nav_block{
width:984px;
margin:0 -17px 0 0!important;
}
.mod_nav_block_link{
position:relative;
float:left;
width:311px;
margin:0 17px 0 0!important;
padding:0 0 10px 0!important;
background-color:#eceff6;
}
.mod_nav_block_link .blocklinktitle{
margin:177px 0 10px 0!important;
text-align:center;
font-size:20px;
font-weight: normal;
}
.mod_nav_block_link p{
text-align:center;
font-size: 12px;
line-height:1.5;
}

.mod_nav_block_link .blocklinkImg{
position:absolute;
top:0;
left:0;
}



/* mod_box
-----------------------------------------*/
div#contentArea .mod_box {
margin:40px 0 0 0!important;
}
/* mod_box_bnr */
div#contentArea .mod_box_bnr{
}
div#contentArea .mod_box_bnr p{
 margin:0 0 30px 0!important;
}
/* mod_box_bnr_date */
.mod_box_bnr_date{
 position:relative;
}
.mod_box_bnr_date a.date{
 position:absolute;
 top:-10px;
 right:108px;
}
/* boxTitle */
div#contentArea .mod_box .boxTitle{
margin:0 0 3px 0!important;
font-size:20px;
font-weight: normal;
}

div#contentArea .mod_box .boxTitle a:link    {color:#000;}
div#contentArea .mod_box .boxTitle a:visited {color:#000;}
div#contentArea .mod_box .boxTitle a:hover   {color:#000;}
div#contentArea .mod_box .boxTitle a:active  {color:#000;}

/* mod_box_menu */
.mod_box_menu{
  width:984px;
  margin:0 -17px 0 0!important;
}
.mod_box_menu_item{
 float:left;
 width:311px;
 margin:0 17px 15px 0!important;
}




/* #news
-----------------------------------------*/
div#sumai2012_mainContent #news{
padding:2px;
}


/* mod_footerlink
-----------------------------------------*/
.mod_footerlink{
margin:26px 0 0 0!important;
line-height:1.3;
}
.mod_footerlink dl{
border-top:solid 2px #E7E7E7;
padding:6px 0 0 0!important;
font-size:12px;
}
.mod_footerlink dl dt{
float:left;
width:120px;
padding:0 0 0 0;
font-weight:bold;
}
.mod_footerlink dl dd{
padding:0 0 0 120px!important;
margin:0 0 6px 0!important;
border-bottom:solid 2px #E7E7E7;
}
.mod_footerlink dl dd ul{
text-align:left;
}
.mod_footerlink dl dd ul li{
display:inline-block;
margin:0 20px 5px 0!important;
white-space:nowrap;
}
.mod_footerlink a:link    {color:#006DAB; text-decoration:none;}
.mod_footerlink a:visited {color:#006DAB; text-decoration:none;}
.mod_footerlink a:hover   {color:#006DAB; text-decoration:underline;}
.mod_footerlink a:active  {color:#006DAB; text-decoration:underline;}



/* #recommended
-----------------------------------------*/
div#sumai2012_mainContent #recommended{
padding:2px;
}
div#sumai2012_mainContent #recommended .sumai2012_colEtcarea .etc_link .etc_link_list dl {
margin-left: 76px;
}

/* #campaign
-----------------------------------------*/
div#sumai2012_mainContent #campaign{
padding:2px;
}


/*****************************************************************************
ex_
*****************************************************************************/



/* ex_opaity
-----------------------------------------*/
.ex_opaity a:link    {}
.ex_opaity a:visited {}
.ex_opaity a:hover   {opacity:0.8;}
.ex_opaity a:active  {opacity:0.8;}
/* IEp */
.ex_opaity a:hover img {-ms-filter: "alpha( opacity=80 )";}
.ex_opaity a:hover img {filter:alpha(opacity=80);}

/* clearfix
-----------------------------------------*/
.ex_clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.ex_clearfix {
min-height: 1px;
}
* html .ex_clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}