@charset "utf-8";

/* =1 reset --------------------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{
    margin:0;
    padding:0;
}

img{
    border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal;
}
ol,ul{
    list-style:none;
}

h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}

/* =2 fontsize reset (1em=10px)--------------------------------------------------------------------------------*/

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

body {
    font-size: 10px;
	_font-size: 62.5%;
}

*:first-child+html body {
	font-size: 100%;
}

table {
    font-size: 100%;
}


/* =3 anchor style------------------------------------------------------------------------------------------------*/

a {
	outline:0;
	text-decoration:none;	
}

a:link{
	color:#16a9d9;
	text-decoration:none;	
}

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

a:hover{
	color:#f22122;
	text-decoration:underline;	
}

a:active{
	text-decoration:underline;	
}

/* =4 frequensy usage-----------------------------------------------------------------------------------------*/

    /*position style*/
    .center {
        text-align:center;
    }
    .clear {
        clear:both;
    }

    /*font style*/
    .red {
    	color:#F66;
    }
    
    p {
        line-height:1.4;
        font-size:0.75em;
    }
    
    p.desc {
        margin-bottom:1em;
    }
    
    p.goTop {
        clear:both;
        text-align:right;
        padding-top:10px;
        margin:0px auto;
    }
    
/* =5 css hack------------------------------------------------------------------------------------------------*/

.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

/* =6 frame----------------------------------------------------------------------------------------------------*/

html {

}

body {
 font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
  "Osaka","ＭＳ Ｐゴシック", "MS P Gothic",
  Verdana,Arial, Helvetica, sans-serif;
    font-size:1em;
    background-image:url(/images/common/bg.gif);
    background-repeat:repeat-x;
    background-position:top;
}

#layout {
    width:970px;
    margin:5px auto 30px;
}

#header {　　　　　　　　　　　
    height:88px;
}

#wrapper {
    clear:both;
    background-image:url(/images/common/b_frame.gif);
    background-repeat:no-repeat;
    background-position:center bottom;
    padding-bottom:10px;
    width:970px;
}

*:first-child+html #wrapper {
    margin-top:487px;
}


#footer {
    clear:both;
    background-color:#ff9600;
    background-image:url(/images/common/footer_line.gif);
    background-repeat:repeat-x;
    background-position:top;
    padding-top:12px;
}

/* =7 #header common------------------------------------------------------------------*/
#logo a{
    background-image:url(/images/common/logo.gif);
    background-position:left 5px;
    background-repeat:no-repeat;
    float:left;
    height:93px;
    margin-bottom:5px;
    text-indent:-9999px;
    width:348px;
}

#header_common {
    float:right;
    width:403px;
}

#s_menu {
height:29px;
float:right;
}

#s_menu li {
    float:left;
}

#s_menu li a {
    display:block;
    text-indent:-9999px;
    background-image:url(/images/common/s_menu.gif);
    background-repeat:no-repeat;
    height:24px;
}

#s_menu li a:hover {background-image:url(/images/common/s_menu_over.gif);}

#s_menu li#home a {background-position:0px 0px;width:110px;margin-right:10px;}
#s_menu li#contact a {background-position:-120px 0px;width:110px;margin-right:10px;}
#s_menu li#access a {background-position:-240px 0px;width:110px;}

#header_common div {
    clear:both;
    background-image:url(/images/common/tel.gif);
    background-repeat:no-repeat;
    background-position:left top;
    width:404px; height:60px;
}

#header_common div p {
    text-indent:-9999px;
}

#t_frame {
    clear:both;
    background-image:url(/images/common/t_frame.gif);
    background-repeat:no-repeat;
    background-position:center top;
    padding-top:9px;
    _padding-top:4px;
    background-color:#ff7600;
}

#g_menu {
    background-color:#FF7600;
    clear:both;
    height:69px;
    margin:0 auto ;
    padding:5px 0 ;
    width:970px;
}

#g_menu li {
    float:left;
}

#g_menu li a {
    display:block;
    text-indent:-9999px;
    background-image:url(/images/common/g_menu.gif);
    background-repeat:no-repeat;
    height:69px;
}

#g_menu li a:hover {background-image:url(/images/common/g_menu_over.gif);}

#g_menu li#menu a {background-position:0px 0px;width:161px;margin-left:4px;}
#g_menu li#straight_p a {background-position:-160px 0px;width:160px;}
#g_menu li#shop a {background-position:-320px 0px;width:160px;}
#g_menu li#stuff a {background-position:-480px 0px;width:160px;}
#g_menu li#policy a {background-position:-640px 0px;width:160px;}
#g_menu li#interview a {background-position:-800px 0px;width:161px;}

/* =8 #wrapper common-----------------------------------------------------------------*/
#wrapper_frame {
    border-right:5px solid #ff7600;
    border-left:5px solid #ff7600;
    overflow:hidden;
    background-color:#f7f7f7;
}

#main {
    float:left;
    width:604px;
    padding-left:24px;
    background-image:url(/images/index/ornament.gif);
    background-repeat:no-repeat;
    background-position:30px 4px;
}

#sidebar {
    float:right;
    width:297px;
    padding-right:20px;
}

#banner_section {
    margin-top:40px;
}

#m_banner_section ul {
    overflow:hidden;
    _zoom:1;
    margin-top:0px;
    padding-bottom:10px;
    text-align:center;
    background-image:url(/images/common/shadow_rightframe.gif);
    background-repeat:no-repeat;
    background-position:center bottom;
}

#m_banner_section ul li {
    width:253px;height:81px;
    margin:10px auto;
}

#m_banner_section ul li#b_reserve  {
    margin-top:3px;
    height:130px;
}


#m_banner_section ul li a {
    display:block;
    width:253px;height:0px;
    padding-top:81px;
    overflow:hidden;
    background-position:left top;
    background-repeat:no-repeat;
}

#m_banner_section ul li a:hover {filter:alpha(opacity=70); /*IE*/ -moz-opacity:0.70; /*FF*/ opacity:0.70;}

#m_banner_section ul li#b_reserve a {background-image:url(/images/common/b_reserve_sub.gif);padding-top:130px;}
#m_banner_section ul li#b_straight a {background-image:url(/images/common/b_straight.gif);}
#m_banner_section ul li#b_blog a {background-image:url(/images/common/b_blog.gif);}
#m_banner_section ul li#b_stuff a {background-image:url(/images/common/b_stuff.gif);}

#m_banner_section img {
margin:10px auto;
}

/* =9 #footer common------------------------------------------------------------------*/
#footer_width {
    width:970px;
    margin:0px auto;
    overflow:hidden;
}

p#f_logo {
    width:451px; height:0px;
    padding-top:100px;
    overflow:hidden;
    background-image:url(/images/common/f_logo.gif);
    background-repeat:no-repeat;
    background-position:30px center;
    text-indent:-9999px;
    float:left;
}

p#aboutus {
    width:422px;/*height:83px;*/
    margin:10px 20px 15px 0px;
    padding:10px;
    float:right;
    background-color:#ff7600;
    color:#fff;
}

p#aboutus span {
    font-weight:bold;
}

/* =10 #subpage common------------------------------------------------------------------*/
#topic_path {
    background-color:#FF7600;
    border-left:5px solid #FF7600;
    border-right:5px solid #FF7600;
    overflow:hidden;
    color:#ffffff;
    padding:0px 0px 10px 25px;
    background-image:url(/images/menu/topic_path.gif);
    background-repeat:no-repeat;
    background-position:left top;
    _background-position:5px top;
    font-weight:bold;
}

p#topic_path a {color:#ffffff;text-decoration:underline;}
p#topic_path a:visited {color:#ffffff;}

p.pager {
    height:30px;
    margin:10px 0px 0px 0px;
    float:right;
}

p.pager a {
    background-image:url(/images/common/marker.gif);
    background-repeat:no-repeat;
    background-position:left center;
    font-weight:bold;
    font-size:1.2em;
    width:30px;
    display:block;
    padding-left:30px;
    color:#fe861f;
}