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

/*------------------------------------------------
リセット
------------------------------------------------*/
img {
border:none;
vertical-align:bottom;
}

ul{
list-style-type:none;
}

*{
margin:0px;
padding:0px;
border:0px;
border:none;
}

/*------------------------------------------------
全体
------------------------------------------------*/
html,body{
height:100%;
}

body{
background-color:#FEFDB5;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#2F3E46;
font-size:14px;
}

#wrapper{
overflow:hidden;
min-width:600px;
position:relative;
height:auto !important; /*IE6対策*/
height:100%; /*IE6対策*/
min-height:100%;
background:url("/images/body_back.gif") repeat-y scroll top left;
}

body > #wrapper{
height:auto;
}

/*------------------------------------------------
Header
------------------------------------------------*/
#header{
width:100%;
background:#000 url("/images/header_back.jpg") repeat-x scroll top left;
height:24px;
line-height:24px;
}

/*------------------------------------------------
Main
------------------------------------------------*/
#container {
float:left;
width:100%;
padding-bottom:30px;
}

#left_box{
float:left;
width:200px;
background:#F8B500 url("/images/logo_back.jpg") no-repeat scroll top left;
}

#logo{
margin-top:16px;
}

#right_box{
float:right;
width:100%;
margin-left:-200px;
}

/*---------
Main header
-----------*/

#content_head{
margin-left:200px;
margin-top:-4px;
background:#F8B500 url("/images/right_box_back.jpg") repeat-x scroll top left;
zoom:1;
}

#main_title{
width:100%;
height:73px;
background: url("/images/main_title_back.jpg") no-repeat scroll top left;
text-indent:20px;
}

#main_title h2{
margin-top:24px;
width:65%;
float:left;
text-shadow:0px 1px 0px #FFFFFF;
font-weight:bold;
font-size:18px;
color:#2F3E46;
}

#main_title div{
position:relative;
text-align:right;
margin-top:16px;
float:right;
width:35%;
word-break:break-all;
}

#main_title div p{
position:absolute;
right:20px;
font-size:13px;
}

/*---------
Main Body
-----------*/
#content_body{
margin-left:200px;
}

#content_area{
width:100%;
background-color:#FEFDB5;
}

.list_title{
background:#F8B500 url("/images/list_title_back.jpg") repeat-x scroll top left;
margin:20px 20px 0px 20px;
text-indent:20px;
color:#FFFFFF;
height:29px;
line-height:29px;
}

.list_corner_right{
background: url("/images/list_corner_right.jpg") no-repeat scroll top right;
}

.list_corner_left{
background: url("/images/list_corner_left.jpg") no-repeat scroll top left;
}

.contents_box_head{
background:#F8B500 url("/images/main_box_back.jpg") repeat-x scroll top left;
margin:20px 20px 0px 20px;
text-indent:20px;
color:#FFFFFF;
height:36px;
line-height:36px;
}

.main_corner_right{
background: url("/images/main_corner_right.jpg") no-repeat scroll top right;
}

.main_corner_left{
background: url("/images/main_corner_left.jpg") no-repeat scroll top left;
text-shadow:0px 1px 0px #FFFFFF;
font-weight:bold;
font-size:18px;
color:#2F3E46;
}

.contents_box_area{
margin:0px 20px;
border-top:none;
border-right:#C7C300 1px solid;
border-bottom:#C7C300 1px solid;
border-left:#C7C300 1px solid;
padding:20px;
}

#description_str{
margin:20px;
}

/*---------
Pager
-----------*/
#pager{
margin:20px 20px;
list-style-type:none;  
text-align:center;  
}

#pager li{
display:inline-block;  
list-style-type:none;
font-size:13px;
}
* html #pager li {display:inline;}  
*:first-child+html #pager li {display:inline;}  
	
#pager li a{
border: 1px solid #3f3f3f;
background: #454545;
background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#454545));
background: -webkit-linear-gradient(top, #656565, #454545);
background: -moz-linear-gradient(top, #656565, #454545);
background: -ms-linear-gradient(top, #656565, #454545);
background: -o-linear-gradient(top, #656565, #454545);
background-image: -ms-linear-gradient(top, #656565 0%, #454545 100%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
text-shadow: #000000 0 1px 0;
color: #ffffff;
padding: 8.5px 18px;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
}

#pager li a:hover {
border: 1px solid #c17503;
text-shadow: #2f3e46 0 1px 0;
background: #db8401;
background: -webkit-gradient(linear, left top, left bottom, from(#fc9700), to(#db8401));
background: -webkit-linear-gradient(top, #fc9700, #db8401);
background: -moz-linear-gradient(top, #fc9700, #db8401);
background: -ms-linear-gradient(top, #fc9700, #db8401);
background: -o-linear-gradient(top, #fc9700, #db8401);
background-image: -ms-linear-gradient(top, #fc9700 0%, #db8401 100%);
color: #fff;
}

#pager #now_pager a{
border: 1px solid #c17503;
text-shadow: #2f3e46 0 1px 0;
background: #db8401;
background: -webkit-gradient(linear, left top, left bottom, from(#fc9700), to(#db8401));
background: -webkit-linear-gradient(top, #fc9700, #db8401);
background: -moz-linear-gradient(top, #fc9700, #db8401);
background: -ms-linear-gradient(top, #fc9700, #db8401);
background: -o-linear-gradient(top, #fc9700, #db8401);
background-image: -ms-linear-gradient(top, #fc9700 0%, #db8401 100%);
color: #fff;
}

/*------------------------------------------------
Search
------------------------------------------------*/
#search{
width:200px;
height:54px;
margin-top:16px;
background:url("/images/search_back.jpg") repeat-x scroll top left;
position:relative;
}

#search form input{
position:absolute;
width:180px;
top:50%;
left:50%;
margin-left:-90px;
margin-top:-14px;
color:#FFFFFF;

border-radius:7px;
padding:5px 5px  5px 30px;
background-image:url("/images/search.png") no-repeat scroll 5px 5px;

/*http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html*/
/* IE10 Consumer Preview */ 
background: url("/images/search.png") no-repeat scroll 5px 5px, -ms-linear-gradient(top left, #423D3E 0%, #565052 100%);
/* Mozilla Firefox */ 
background: url("/images/search.png") no-repeat scroll 5px 5px, -moz-linear-gradient(top left, #423D3E 0%, #565052 100%);
/* Opera */ 
background: url("/images/search.png") no-repeat scroll 5px 5px, -o-linear-gradient(top left, #423D3E 0%, #565052 100%);
/* Webkit (Safari/Chrome 10) */ 
background: url("/images/search.png") no-repeat scroll 5px 5px, -webkit-gradient(linear, left top, right bottom, color-stop(0, #423D3E), color-stop(1, #565052));
/* Webkit (Chrome 11+) */ 
background: url("/images/search.png") no-repeat scroll 5px 5px, -webkit-linear-gradient(top left, #423D3E 0%, #565052 100%);
/* W3C Markup, IE10 Release Preview */ 
background: url("/images/search.png") no-repeat scroll 5px 5px, linear-gradient(to bottom right, #423D3E 0%, #565052 100%);

background:#565052 url("/images/search.png") no-repeat scroll 5px 5px\9; /* IE8以下 */
*background:#565052 url("/images/search.png") no-repeat scroll 5px 5px;   /* IE7以下 */
_background:#565052 url("/images/search.png") no-repeat scroll 5px 5px; /* IE6 */
}

#search form input:not(:target) {
background:#565052 url("/images/search.png") no-repeat scroll 5px 5px\9; /* IE9 */
}

@media #search form input and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #search form input {
    background:#565052 url("/images/search.png") no-repeat scroll 5px 5px; /* IE10 */
  }
}

*+html #search form input{
width:140px;
}


input:focus,textarea:focus,select:focus{
border:1px solid #FC9700;
-moz-box-shadow:0 0 3px #FC9700,0 1px 2px rgba(0,0,0,.15) inset;
-webkit-box-shadow:0 0 3px #FC9700,0 1px 2px rgba(0,0,0,.15) inset;
box-shadow:0 0 3px #FC9700,0 1px 2px rgba(0,0,0,.15) inset;
}

#search_text{
outline:none;
}
/*------------------------------------------------
Menu
------------------------------------------------*/
#menu_box{
width:200px;
background:#F8B500 url("/images/menu_back.jpg") no-repeat scroll bottom left;
padding-bottom:44px;
}

.menu_btn li{
width:200px;
height:54px;
line-height:54px;
text-align:left;
cursor:pointer;
background:#F8B500 url("/images/menu_btn.gif") no-repeat scroll top left;
text-indent:20px;
}


.ac_menu dt{
width:200px;
height:54px;
line-height:54px;
text-align:left;
cursor:pointer;
background:#F8B500 url("/images/menu_btn.gif") no-repeat scroll top left;
text-indent:20px;
}

.menu_btn li a,.ac_menu dt a{
display:block;
width:200px;
height:54px;
line-height:54px;
color:#FFF;
text-shadow:0px 1px 0px #050304;
text-decoration:none;
}

.ac_menu dd{
background:#050304;
width:200px;
text-align:left;
display:none;
text-indent:20px;
padding-bottom:10px;

background:#565052;
/* IE10 Consumer Preview */ 
background:-ms-linear-gradient(top left, #423D3E 0%, #565052 100%);
/* Mozilla Firefox */ 
background:-moz-linear-gradient(top left, #423D3E 0%, #565052 100%);
/* Opera */ 
background:-o-linear-gradient(top left, #423D3E 0%, #565052 100%);
/* Webkit (Safari/Chrome 10) */ 
background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #423D3E), color-stop(1, #565052));
/* Webkit (Chrome 11+) */ 
background:-webkit-linear-gradient(top left, #423D3E 0%, #565052 100%);
/* W3C Markup, IE10 Release Preview */ 
background:linear-gradient(to bottom right, #423D3E 0%, #565052 100%);
}

.ac_menu dd li{
padding-top:10px;
}

.ac_menu dd li a{
display:block;
width:200px;
font-size:12px;
text-shadow:0px 1px 0px #050304;
}

.ac_menu dd li a:hover{
background-color:#070506;
width:180px;
margin:0px auto;
text-indent:10px;
}

.ac_menu dd a{
color:#FFF;
text-decoration:none;
}

.ac_menu .active,.open_parent .active,.menu_btn .active{
background:#F8B500 url("/images/active_btn.gif") no-repeat scroll top left;
}

.ac_menu dt.active a,.open_parent dt.active a,.menu_btn .active a{
color:#2f3e46;
text-shadow:0px 1px 0px #fef3dd;
}

/*------------------------------------------------
Footer
------------------------------------------------*/
#footer{
clear:both;
height:30px;
width:100%;
position:absolute;
bottom:0;
color:#FFF;
background-color:#050304;
line-height:30px;
}

#footer address{
font-style:normal;
text-indent:20px;
font-size:12px;
}
/*------------------------------------------------
h1
------------------------------------------------*/
h1{
color:#FFFFFF;
font-size:9px;
background: url("/images/h1_arrow.gif") no-repeat scroll center left;
padding-left:20px;
}

/*------------------------------------------------
並び替えプルダウン
------------------------------------------------*/
#sort_condition{
display:inline;
}
/*------------------------------------------------
レイアウト
------------------------------------------------*/

/*************
font
*************/
.bold{font-weight: bold!important;}
	
/*************
margin
*************/
.mg0t{margin-top: 0!important;}
.mg5t{margin-top: 5px!important;}
.mg10t{margin-top: 10px!important;}
.mg15t{margin-top: 15px!important;}
.mg20t{margin-top: 20px!important;}
.mg25t{margin-top: 25px!important;}
.mg30t{margin-top: 30px!important;}
.mg40t{margin-top: 40px!important;}
.mg50t{margin-top: 50px!important;}
.mg100t{margin-top: 100px!important;}

.mg-10b{margin-bottom: -10px!important}
.mg0b{margin-bottom: 0!important}
.mg5b{margin-bottom: 5px!important}
.mg10b{margin-bottom: 10px!important;}
.mg15b{margin-bottom: 15px!important;}
.mg20b{margin-bottom: 20px!important;}
.mg25b{margin-bottom: 25px!important;}
.mg30b{margin-bottom: 30px!important;}
.mg40b{margin-bottom: 40px!important;}
.mg50b{margin-bottom: 50px!important;}
.mg100b{margin-bottom: 100px!important;}

.mg0l{margin-left: 0!important;}
.mg5l{margin-left: 5px!important;}
.mg10l{margin-left: 10px!important;}
.mg15l{margin-left: 15px!important;}
.mg20l{margin-left: 20px!important;}
.mg25l{margin-left: 25px!important;}
.mg30l{margin-left: 30px!important;}
.mg40l{margin-left: 40px!important;}
.mg50l{margin-left: 50px!important;}
.mg65l{margin-left: 65px!important;}
.mg100l{margin-left: 100px!important;}

.mg0r{margin-right: 0!important}
.mg5r{margin-right: 5px!important}
.mg10r{margin-right: 10px!important;}
.mg15r{margin-right: 15px!important;}
.mg20r{margin-right: 20px!important;}
.mg25r{margin-right: 25px!important;}
.mg30r{margin-right: 30px!important;}
.mg40r{margin-right: 40px!important;}
.mg50r{margin-right: 50px!important;}
.mg65r{margin-right: 65px!important;}
.mg100r{margin-right: 100px!important;}

/*************
color
*************/
.em_color{
color:#00A0EE;
}

/*************
text-align
*************/
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}

/*************
float
*************/
.float_l{float: left;}
.float_r{float: right;}
.clear{clear: both;}

/*************
box-sizing
*************/
.box_sizing {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/*************
list
*************/
.disc_li li{
list-style-type:disc;
list-style-position:inside;
}

/*------------------------------------------------
Clearfix
------------------------------------------------*/

.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

/*------------------------------------------------
banner
------------------------------------------------*/
#prbox{
min-width:1176px;
}


#banner01{
margin-top:20px;
margin-left:220px;
width:468px;
height:60px;
float:left;
}
#banner02{
margin-left:20px;
margin-top:20px;
width:468px;
height:60px;
float:left;
}