/*===============================================================

Hakyu-dept - base.css

1.[Reset and Font]
2.[Common]
3.[Header]
4.[Footer]
5.[Clearfix]

= Color =
Purple #A59ACA
Beige #D8D5C4
Gray #E6E4E1

================================================================*/


/* ------------------------------------------------------------
     1. Yahoo UI Library Reset CSS, Fonts CSS
   ------------------------------------------------------------ */

/*---Reset---*/

/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0 */

html {color: #000;
background: #FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,
textarea,p,blockquote,th,td{
margin: 0;
padding: 0;}
table{
border-collapse: collapse;
border-spacing: 0;}
fieldset,img{
border: 0;}
address,caption,cite,code,dfn,
em,strong,th,var,optgroup{
font-style: inherit;
font-weight: inherit;}
del,ins{text-decoration: none;}
li{list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;
font-weight: normal;}
q:before,q:after{content: '';}
abbr,acronym{border:0; font-variant: normal;}
sup{vertical-align: baseline;}
sub{vertical-align: baseline;}
/*because legend doesn't inherit in IE */
legend {color: #000;}
input,button,textarea,select,optgroup,option{
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select{*font-size: 100%;}

/*---Fonts---*/

/*Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0*/

body {	font:13px/1.231 arial,helvetica,clean,sans-serif;
/* for IE6/7 */ 
*font-size:small; 
/* for IE Quirks Mode */
*font:x-small;}
select,input,button,textarea,button {font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit; font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;	*font-size:108%; line-height:100%;}


/* ------------------------------------------------------------
     2. Common
   ------------------------------------------------------------ */
   
/*---html body---*/

html {
height: 100%;
}

body {
height: 100%;
/*background:#F1F0EF;*/
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
line-height: 1.5;
text-align: center;
}

/*---Inline-level Elements---*/

input,select,textarea{font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}


/*---Anchor---*/

a{outline: none; }
a:link{color:#0085CF;text-decoration:underline;}
a:hover{color:#0085CF;text-decoration:none;}
a:active{color:#0085CF;text-decoration:none;}
a:visited{color:#7666AE;text-decoration:underline;}

/*img hover*/
a:hover img.rollover {
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;}

/*---Layout---*/

div#container{
width:960px;
background:#FFF;
margin:0 auto;
text-align:left;
padding:0 15px;}


@media print {
div#container{padding:0;}
}

div#content{
width:960px;
margin:0 auto;
text-align:left;}

/* For IE7 Page Zoom */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }


/*arrow*/

.arrow_black a,
li.arrow_black a,
dd.arrow_black a{
background:url(../../img/09renewal/arrow.gif) 0 0.5em no-repeat;
padding-left:10px;
display:inline-block;}

.arrow_black a,
.arrow_black a:hover,
li.arrow_black a,
li.arrow_black a:hover,
dd.arrow_black a,
dd.arrow_black a:link{
color:#666666;}

.arrow_black a:hover,
li.arrow_black a:hover,
dd.arrow_black a:hover{color:#666666;
text-decoration:none;}

.arrow_blue a,
li.arrow_blue a,
dd.arrow_blue a{
background:url(../../img/09renewal/arrow_blue.gif) 0 0.5em no-repeat;
padding-left:10px;
display:inline-block;}

.arrow_blue a:hover,
li.arrow_blue a:hover,
dd.arrow_blue a:hover{text-decoration:none;}


/* ------------------------------------------------------------
     3. Header
   ------------------------------------------------------------ */
   
div#header{
width:960px;
height:79px;
border-bottom:5px solid #A59ACA;}

div#header h1{
width:100px;
height:50px;
padding:19px 0 7px 14px;
float:left;
}

div#header #header_rightbox{
width:448px;
height:65px;
margin-top:10px;
float:right}

div#header p#online a,
div#header p#companyinfo a{
height:20px;
display:block;
background-color:#FFF;
border:1px solid #ccc;
float:left}

div#header p#online a{width:140px; margin-top:5px;}
div#header p#companyinfo a{width:70px; margin:5px 10px 0 10px;}

div#header p#online a:hover,
div#header p#companyinfo a:hover{border:1px solid #999;}

div#header #search{
width:202px;
background:#F2F1E8;
padding:5px;
float:right;}

div#header #search input{
float:left;}

div#header #search input#yschsp{
width:150px;}

div#header #search input#searchimg{
margin-top:1px;
margin-left:4px;}

div#header ul#header_navi{
width:415px;
height:15px;
margin-top:10px;
float:right;}

div#header ul#header_navi li{
display:inline;}

div#header ul#header_navi li a{
border-left:1px dotted #999;
float:left;}

div#header ul#header_navi li#non_b a{
border:none;}

div#store_navi{
width:960px;
height:30px;
background:url(../../img/09renewal/store_navi_bg.gif) 0 0 repeat-x;
margin-top:10px;}


/* ------------------------------------------------------------
     4. Footer
   ------------------------------------------------------------ */

p#go_top a{
width:101px;
clear:both;
display:block;
text-align:right;
margin-top:20px;
border:1px solid #ccc;
margin-left:847px;
}

p#go_top a:hover{
border:1px solid #999;}
   
div#footer{
width:960px;
height:38px;
border-top:1px solid #DDDDDD;
margin-top:15px;}

div#footer ul#footer_navi{
width:382px;
margin-top:10px;
float:left;}

div#footer ul#footer_navi li{display:inline;}

div#footer ul#footer_navi li a{
margin-left:14px;
float:left;}

div#footer ul#footer_navi li#non_m a{
margin-left:0;}

div#footer p#copyright{
font-family:Arial, Helvetica, sans-serif;
font-size:77%;
color:#666;
margin-top:10px;
float:right;
}


/* ------------------------------------------------------------
     5. Clearfix
   ------------------------------------------------------------ */
 
div:after, ul:after, .cl:after,
div#header:after,
div#header #search:after,
div#header ul#header_navi:after,
div#footer:after,
div#footer ul#footer_navi:after
{content: '';
display: block;
clear: both;
height: 0; }
/*
div, ul, .cl,
div#header,
div#header #search,
div#header ul#header_navi,
div#footer,
div#footer ul#footer_navi
{ display: inline-block; }
*/
div, ul, .cl,
div#header,
div#header #search,
div#header ul#header_navi,
div#footer,
div#footer ul#footer_navi{ display: block; }

/* Mac版IEのみに適用 ＼*//*/
div, ul, .cl,
div#header,
div#header #search,
div#header ul#header_navi,
div#footer,
div#footer ul#footer_navi { overflow: hidden; }
/* */