@charset "UTF-8";

/* -----------------------------------------------------
	01. Base Style
	02. Structure
	03. smart device
	04. Support
	05. JavaScript Style
----------------------------------------------------- */


/* -----------------------------------------------------
	01. Base Style
----------------------------------------------------- */

*{
margin:0;
padding:0;
}

html{
font-size:100.01%;
}

body{
line-height:1.6;
color:#1f1f1f;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
font-size:72%;
}
/* font-size
10px :  84%
11px :  92%
12px :  100%
13px :  109%
14px :  117%
15px :  125%
16px :  134%
17px :  142%
18px :  150%
19px :  159%
20px :  167%
21px :  175%
22px :  184%
23px :  192%
24px :  200%
25px :  209%
26px :  217%
*/

h1,h2,h3,h4,h5,h6{
line-height:1.3;
font-size:100%;
}

em{
font-style:normal;
font-weight:bold;
}

strong{
font-style:normal;
font-weight:bold;
}

ul,ol{
list-style:none;
}

table{
border:0 none;
width:100%;
}

table th,
table td{
border:0 none;
vertical-align:top;
font-size:1em;
text-align:left;
}

img{
border:0;
vertical-align:bottom;
}

a,
a:link{
color:#336699;
text-decoration:none;
}

a:visited{
color:#a62079;
text-decoration:none;
}

a:hover,
a:focus,
a:active{
color:#3399cc;
text-decoration:none;
}

fieldset{
border:0 none;
}

input,select{
vertical-align:middle;
}

textarea{
font-size:1.0em;
}

legend{
display:none;
}

label{
cursor:pointer;
}

option{
padding-right:5px;
}

hr{
display:none;
}


/* -----------------------------------------------------
	02. Structure
----------------------------------------------------- */

/*  Header
--------------------------------------- */
#header{
min-height:35px;
background:#ededed url(../../img/pc/com_bg_01.gif) repeat-x left top;
}

#header .inner{
margin:0 auto;
width:1000px;
}

#header #site-logo{
float:left;
line-height:0;
font-size:0;
}

#header #site-search ul{
float:left;
width:675px;
margin-top:9px;
text-align:right;
}

#header #site-search ul li{
display:inline;
}

#header #site-search ul li input{
margin:0;
}

#header #site-search fieldset{
margin-top:7px;
float:right;
}

#header #site-search .text{
padding:0 5px 0 3px;
padding:3px 5px 0 3px\9;
border:1px solid #990066;
float:left;
width:124px;
height:19px;
height:16px\9;
background-color:#fff;
font-size:12px;
}

#header #site-search .text:not(:target){
padding:0 5px 0 3px;
height:19px;
}

/*  Content
--------------------------------------- */
#content{
margin:0 auto;
width:1000px;
}

#main{
float:left;
width:670px;
}

#sub{
float:right;
width:300px;
}

/*  Footer
--------------------------------------- */
#footer{
clear:both;
border-top:1px solid #ededed;
margin-bottom:10px;
}

#footer .inner{
clear:both;
margin:0 auto;
width:1000px;
zoom:1;
}

#footer #list-group-company{
float:left;
padding-top:11px;
}

#footer #footer-logo{
float:right;
padding-top:8px;
}


/* -----------------------------------------------------
	03. smart device
----------------------------------------------------- */

/*  Container
--------------------------------------- */
.smart{
background-color:#cccccc;
color:#828282;
}

.smart a:link,
.smart a:visited,
.smart a:focus,
.smart a:hover,
.smart a:active{
color:#828282;
text-decoration:none;
}

.smart #header{
height:24px;
min-height:24px;
background:none;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ededed), color-stop(0.00, #fefefe));
background:-webkit-linear-gradient(top, #fefefe 0%, #ededed 100%);
}

.smart #header .inner{
width:320px;
margin:0 auto;
}

.smart #header #site-search ul{
float:left;
width:90px;
margin:3px 0 0 17px;
line-height:1.0;
font-size:72%;
border:1px solid #b5b5b5;
border-radius: 3px;
text-align:center;
}

.smart #header #site-search ul li{
float:left;
}

.smart #header #site-search ul li a{
display:block;
width:45px;
padding:3px 0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ededed), color-stop(0.00, #fefefe));
background:-webkit-linear-gradient(top, #fefefe 0%, #ededed 100%);
}

.smart #header #site-search ul li.web a{
border-radius: 3px 0 0 3px;
}
.smart #header #site-search ul li.item a{
border-radius: 0 3px 3px 0;
}

.smart #header #site-search ul li a.active{
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c9c9c9), color-stop(0.00, #dcdcdc));
background:-webkit-linear-gradient(top, #dcdcdc 0%, #c9c9c9 100%);
}

.smart #header #site-search p{
float:left;
margin:3px 0 0 5px;
border:1px solid #b5b5b5;
border-radius: 3px;
background:url(/common/img/smart/com_ic_001.png) no-repeat 4px 4px;
}

.smart #header #site-search p a{
display:block;
width:68px;
padding:3px 0 3px 16px;
line-height:1.0;
font-size:72%;
}

/*  Content
--------------------------------------- */
.smart #content{
width:320px;
}


/* -----------------------------------------------------
	04. Support
----------------------------------------------------- */

/*  Float Clearing
--------------------------------------- */
#header:after,
#footer:after,
#footer .inner:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

/*  hasLayout Swicth
--------------------------------------- */
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,
.list-result-01 li,
.box-status-01 .waon-point,
.box-sub-01 .list-info li,
.box-sub-01 .list-ranking li,
.nav-pager-01 li,
.nav-pager-01 a,
.nav-pager-01 .current span{
zoom:1;
}

ul li,ol li{
zoom:0;
}

/*  Style Adjust
--------------------------------------- */
.mt00{margin-top:0!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}

.mr00{margin-right:0!important;}
.mr05{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}

.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}

.ml00{margin-left:0!important;}
.ml05{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}

.pt00{padding-top:0!important;}
.pt05{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}

.pr00{padding-right:0!important;}
.pr05{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr40{padding-right:40px!important;}

.pb00{padding-bottom:0!important;}
.pb05{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}

.pl00{padding-left:0!important;}
.pl05{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}

.left{text-align:left!important;}
.center{text-align:center!important;}
.right{text-align:right!important;}
.top{vertical-align:top!important;}
.middle{vertical-align:middle!important;}
.bottom{vertical-align:bottom!important;}
.small{font-size:84%!important;}
.bold{font-weight:bold;}
.no-border{border:none!important;}
.float-L{float:left;}
.float-R{float:right;}
.clear{clear:both;}
.block{display:block}


/* -----------------------------------------------------
	05. JavaScript Style
----------------------------------------------------- */

/*  Image Rollover
--------------------------------------- */
.rollover:hover img{
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
opacity:0.8;
}

.rollover:hover img.noOver{
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
opacity:1;
}

/*  Placeholder
--------------------------------------- */
input.on,
textarea.on{
color:#404040!important;
}