@charset "utf-8";

html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
color:#111;
font-size:12px;
line-height:1.5;
height:100%;
width:100%;
background:url(../img/bg_body.gif);
}

#wrapper{
height:auto;
min-height:100%;
margin:auto;
}

.container{
height:auto;
min-height:100%;
width:1240px;
margin:auto;
}

#container{
background:#FFF;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
padding-top:5px;
}

/* トップ */
#top{
padding-top:5px;
padding-bottom:5px;
height:19px;
min-width:1260px;
background:url(../img/bg.jpg);
border-bottom:solid 1px #FFF;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
position:relative;
z-index:100;
}

/* 最新情報 */
#info{
font-size:12px;
}

#info_ico{
width:14px;
height:14px;
background:url(../img/info_ico.png) no-repeat;
display:block;
float:left;
margin-right:10px;
margin-left:10px;
margin-top:3px;
}

#info p{
color:#FFF;
}

#info p span{
margin-left:5px;
}

#info p span b a{
color:#FFF;
padding-left:5px;
padding-right:5px;
margin-left:3px;
margin-right:3px;
letter-spacing:1.5px;
}

.ticker{
overflow:hidden;
}

.ticker ul{
width:100%;
position:relative;
}

.ticker ul li{
width:100%;
display:none;
padding-top:1px;
}

/* ヘッダー  */
#header{
clear:both;
height:100%;
padding-bottom:20px;
min-width:1260px;
background:#FFF;
overflow:hidden;
background:url(../img/bg_main.gif);
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
position:relative;
z-index:50;
}

#header .left{
width:340px;
float:left;
}

#header .right{
float:right;
width:900px;
}

/* ロゴ */
#header h1 a{
width:323px;
height:60px;
margin-top:15px;
background:url(../img/logo.jpg) no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display:block;
border:solid 1px #000;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
}

#header h1 a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.7;
}

#header h4{
width:323px;
text-align:center;
background:#FC0;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
margin-top:3px;
}

#header h5 a img{
display:block;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
margin-top:12px;
}

#header h5 a img:hover{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.7;
}

/* パンくずナビ */
#header .left p{
margin-top:45px;
display:list-item;
list-style:square inside;
text-indent:10px;
padding-top:3px;
padding-bottom:3px;
}

#header .left p a:link{color:#F60;}
#header .left p a:visited{color:#F60;}
#header .left p a:hover{color:#F60;}

/* ナビゲーション */
.navi ul{
float:right;
margin-top:10px;
}

#navi ul{
box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
margin-top:5px;
}

.navi ul li{float:left;}

.navi ul li p{
font-size:11px;
padding-top:2px;
text-indent:8px;
line-height:1.1;
width:170px;
}

.navi ul li p span{color:#FF4A4A;}

.navi ul li a h6{
width:170px;
height:30px;
display:block;
background:url(../img/navi.png) no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display:block;
}

#navi1 a:link h6{background-position:0px 0px;}
#navi2 a:link h6{background-position:-170px 0px;}
#navi3 a:link h6{background-position:-340px 0px;}
#navi4 a:link h6{background-position:-510px 0px;}
#navi5 a:link h6{background-position:-680px 0px;}

#navi1 a:hover h6{background-position:0px -30px;}
#navi2 a:hover h6{background-position:-170px -30px;}
#navi3 a:hover h6{background-position:-340px -30px;}
#navi4 a:hover h6{background-position:-510px -30px;}
#navi5 a:hover h6{background-position:-680px -30px;}

#navi1.active a h6{background-position:0px -30px;}
#navi2.active a h6{background-position:-170px -30px;}
#navi3.active a h6{background-position:-340px -30px;}
#navi4.active a h6{background-position:-510px -30px;}
#navi5.active a h6{background-position:-680px -30px;}

/* 最新タイトル */
#recent{float:right;}

#recent ul li{
display:inline-block;
}

#recent ul li a img{
margin-top:10px;
margin-left:5px;
display:block;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 0px;
border:solid 1px #FFF;
}

#recent ul li a img:hover{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.7;
}

/* カラム */
.column{
float:left;
width:185px;
margin-bottom:15px;
margin-top:20px;
padding-bottom:20px;
}

#left{margin-left:15px;}

#left ul li p,#right ul li p{
width:165px;
padding-top:3px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
background:#59ACFF;
color:#FFF;
font-weight:bold;
font-size:12px;
letter-spacing:0.5px;
}

#left ul li p,#right ul li p span{color:#F03;}

#left ul li a img,#right ul li a img{
display:block;
white-space:nowrap;
overflow:hidden;
display:block;
margin-bottom:10px;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}

#left ul li a img:hover,#right ul li a img:hover{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.7;
}

/* カラムコンテンツ */
#twitter{
width:185px;
background:#36F;
}

.column h4{
text-align:center;
}

.column h4 img{
border-radius:3px 3px 0 0;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}

/* コンテンツエリア */
#center{
width:810px;
margin-left:15px;
margin-right:15px;
}

#center h4{
text-align:center;
margin-top:20px;
}

#center h4 img{
border-radius:3px 3px 0 0;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}

.content{
padding:5px;
border:solid 2px #36F;
border-radius:0px 0px 5px 5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
background:#FFF;
margin-top:5px;
padding-top:10px;
min-height:670px;
}

#product{border:solid 2px #C7243A;}
#enquete_respond{border:solid 2px #932674;}
#enquete_result{border:solid 2px #5D639E;}
#point{border:solid 2px #007AB7;}
#patch{border:solid 2px #00A3A3;}
#sub{min-height:700px;}

section{
background:#FFF;
border:solid 2px #36F;
border-radius:0px 0px 5px 5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}

section p{padding:10px;}

.content h3{
color:#FFF;
font-size:16px;
text-indent:10px;
padding:5px;
}

.content h3 span{
font-size:12px;
margin-left:20px;
}

#product h3{background:#C7243A;}
#enquete_respond h3{background:#932674;}
#enquete_result h3{background:#5D639E;}
#point h3{background:#007AB7;}
#patch h3{background:#00A3A3;}
#sub h3{background:#FFB000;}
#sub_ h3{background:#F03;}

.content h3.note{
background:#F90;
margin-top:10px;
}

.content .text{
width:740px;
margin-top:10px;
padding:20px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
border-radius:3px;
-webkit-border-radius:3x;
-moz-border-radius:3px;
margin-left:5px;
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
}

#product .text{border:dashed 1px #C7243A;}
#enquete_respond .text{border:dashed 1px #932674;}
#enquete_result .text{border:dashed 1px #5D639E;}
#point .text{border:dashed 1px #007AB7;}
#patch .text{border:dashed 1px #00A3A3;}

.content .text p{
font-size:15px;
line-height:1.7;
}

.content .text p span{
color:#F03;
font-size:15px;
font-weight:bold;
}

.content .text p.list{
text-indent:10px;
display:list-item;
list-style:inside disc;
}

#banner{padding:11px;}

#banner_{
padding:6px;
padding-top:11px;
padding-bottom:11px;
}

.bxslider a img,#banner_ a img{
width:780px;
height:120px;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
border:none;
}

.bxslider a img:hover,#banner_ a img:hover{
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.8;
}

#banner_ a img{
border:solid 5px #FFF;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
}

#sort{padding:2px;}

#product #sort{background:#C7243A;}
#enquete_respond #sort{background:#932674;}
#enquete_result #sort{background:#5D639E;}
#point #sort{background:#007AB7;}
#patch #sort{background:#00A3A3;}
#sub #sort{background:#FFB000;margin-top:10px;}

#sort h6{
float:left;
color:#FFF;
text-indent:5px;
margin-right:10px;
padding-top:1px;
}

#sort li{
float:left;
display:block;
margin-right:10px;
padding-top:1px;
}

#sort li a{
color:#300;
background:#FFF;
padding:4px;
padding-top:1px;
padding-bottom:0px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

#sort li a:hover,#sort li a.active{color:#F60;}

.article{
float:left;
width:374px;
box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
padding:5px;
padding-top:10px;
padding-bottom:10px;
margin:5px;
margin-top:10px;
margin-bottom:10px;
}

#product .article{border:dashed 1px #C7243A;}
#enquete_respond .article{border:dashed 1px #932674;}
#enquete_result .article{border:dashed 1px #5D639E;}
#point .article{border:dashed 1px #007AB7;}
#patch .article{border:dashed 1px #00A3A3;}

.article h5{
margin-right:10px;
text-indent:10px;
font-weight:bold;
font-size:15px;
padding-top:5px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.article h5 span{
font-weight:bold;
font-size:14px;
}

#product .article h5{
background:#FDF;
border-bottom:solid 3px #C7243A;
}
#enquete_respond .article h5{
background:#EFDFFF;
border-bottom:solid 3px #932674;
}
#enquete_result .article h5{
background:#E4E4F1;
border-bottom:solid 3px #5D639E;
}
#point .article h5{
background:#ECF5FF;
border-bottom:solid 3px #007AB7;
}
#patch .article h5{
background:#EFF;
border-bottom:solid 3px #00A3A3;
}

.article ul{padding-top:5px;}

.article li{
font-size:11px;
margin-left:5px;
}

.article p{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
padding-top:2px;
}

.article li span{
color:#FFF;
padding:4px;
padding-top:2px;
padding-bottom:0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin-right:5px;
float:left;
}

#product .article li span{background:#C7243A;}
#enquete_respond .article li span{background:#932674;}
#enquete_result .article li span{background:#5D639E;}
#point .article li span{background:#007AB7;}
#patch .article li span{background:#00A3A3;}

.article img{
margin-top:5px;
border:solid 1px #300;
}

.article a img{
-webkit-transition:0.2s;
-moz-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}

.article a img:hover{
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.8;
border:solid 1px #FF0033;
}

/* メインメニュー */

#menu ul{
width:808px;
height:40px;
box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
}

#menu ul li a{
float:left;
width:202px;
height:40px;
display:block;
text-indent:-9999px;
background:url(../img/menu.png) no-repeat;
margin-bottom:10px;
}

#menu1 a:link{background-position:0px 0px;}
#menu2 a:link{background-position:-202px 0px;}
#menu3 a:link{background-position:-404px 0px;}
#menu4 a:link{background-position:-606px 0px;}
#menu1_ a:link{background-position:-808px 0px;}

#menu1 a:hover{background-position:0px -40px;}
#menu2 a:hover{background-position:-202px -40px;}
#menu3 a:hover{background-position:-404px -40px;}
#menu4 a:hover{background-position:-606px -40px;}
#menu1_ a:hover{background-position:-808px -40px;}

#menu1.active a{background-position:0px -40px;}
#menu2.active a{background-position:-202px -40px;}
#menu3.active a{background-position:-404px -40px;}
#menu4.active a{background-position:-606px -40px;}
#menu1_.active a{background-position:-808px -40px;}

/* フッター */
#footer{
clear:both;
padding-top:10px;
padding-bottom:8px;
background:url(../img/bg_.jpg) repeat-x;
min-width:1260px;
border-top:solid 1px #FFF;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
color:#111;
}

/* コピーライト */
#footer p{
text-align:center;
}

#footer h2{
text-align:center;
margin:5px;
letter-spacing:1px;
}

/* クリア */
.clear{clear:both}

/* ページトップ */
#page-top{
position:fixed;
bottom:20px;
right:20px;
font-size:40px;
z-index:200;
}

#page-top a{
background:#33F;
border:solid 3px #FFF;
text-decoration:none;
color:#fff;
width:70px;
padding:5px 0;
text-align:center;
display:block;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
}

#page-top a:hover{
text-decoration:none;
background:#FF8C00;
}