﻿/* ----------base---------- */

body {
	margin: 0px;
	padding: 0;
	color:#404040;
	font-family: sans-serif;
} 


h2,h3,h4,h5,h6,p,span,br,dl,dt,dd{
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	text-decoration:none;
}

h1{
	font-size:8pt;
	font-weight:bold;
	width:300px;
	text-align:left;
	margin: 0;
	padding:0;
	position:relative;
	top:-95px;
	left:5px;
	color:#A9A9A9;
}

ul,li {
	margin:0;
	padding:0;
	list-style-type:none;
}

a img { 
    border: 0; 
} 

a:link { 
        color: #404040; 
        text-decoration: none; 
}
a:visited { 
        color:#404040;
		text-decoration:none 
}
a:hover { 
        color:#404040; 
        text-decoration: underline; 
} 

a:active{
        color:#404040;
		text-decoration: none;
}
.image {
	margin:0;
	padding:0;
	font-size:2px;
	line-height: 2px;
}
.clear{
	clear:both;
	font-size: 1px;
	margin:0;
	padding:0;
}
.fl-l {
	float:left;
}
.fl-r {
	float:right;
}
.txt-s {
	font-size:x-small;
	line-height: 140%;
}
.txt-m {
	font-size:80%;
	line-height:140%;
}
.txt-l {
	font-size:90%;
	line-height:150%;
}
.txt-red {
	color:#E10000;
}
.txt-c {
	text-align:center;
}
.txt-r {
	text-align:right;
}
.v-btm {
	vertical-align:bottom;
}
.v-mid {
	vertical-align:middle;
}
.m-top {
	margin-top:10px;
}
.m-btm {
	margin-bottom:10px;
}
.p_btm {
	padding-bottom:10px;
}
.p_top {
	padding-top:10px;
}
#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 922px;

}

#bg_container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 930px;
	background-image:url(../images/r101/img_bg-line.gif);
}


/* ---------- Header---------- */

#header{
    width:922px;
	padding:0px;
	margin-bottom:10px;
	}    

.header-img {
	width:922px;
	height:95px;
	margin:0px;
	padding:0px;
	}
#header-btm {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a6a6a6;
}
 
#header-btm-l {
	width:380px;
	float:left;
}
#header-btm-r {
	width:380px;
	float:right;
	text-align:right;
}
	
#mainbody{
    width:922px;
	margin:0;
	padding:0;
	background-image:url(../images/r101/main_bg0.gif);
	background-repeat:repeat-y;
}

#main-n101-midashi{
	display:block;
	width:912px;
	height:150px;
}

#main-n101-midashi a:hover{
	background: url(../images/n101/2009/nenga_banner03_onmous.jpg);
}

/* ---------- GlobalMenu---------- */

#r_grobalMenu{
	width:922px;
	height:30px;
	padding:0;
}

#r_grobalMenu li{
	list-style-type:none;
	font-size:10pt;
}

#r_grobalMenu li{
	float:left;
}

#left_box2 li.gm_home {
	margin:0px;
	padding:0;
	width:122px;
	height:25px;
	text-indent: -9999px;
}

#left_box2 li.gm_navi{
	margin:0px;
	padding:0;
	width:160px;
	height:25px;
	text-indent: -9999px;
}

#r_grobalMenu li.gm_home a{
	display:block;
	width:122px;
	height:25px;
	text-decoration:none;
	outline: none;
	text-indent: -9999px;
}

#r_grobalMenu li.gm_navi a{
	display:block;
	width:160px;
	height:25px;
	text-decoration:none;
	outline: none;
	text-indent: -9999px;
}

#r_grobalMenu li.gm_home#gm_sitenavi1{
	background: url(../images/r101/2009/navi_button_normal.jpg) no-repeat  0px 0px;
}

#r_grobalMenu li.gm_navi#gm_sitenavi2{
	background: url(../images/r101/2009/navi_button_normal.jpg) no-repeat  -122px 0px;
}

#r_grobalMenu li.gm_navi#gm_sitenavi3{
	background: url(../images/r101/2009/navi_button_normal.jpg) no-repeat  -282px 0px;
}

#r_grobalMenu li.gm_navi#gm_sitenavi4{
	background: url(../images/r101/2009/navi_button_normal.jpg) no-repeat  -442px 0px;
}

#r_grobalMenu li.gm_navi#gm_sitenavi5{
	background: url(../images/r101/2009/navi_button_normal.jpg) no-repeat  -602px 0px;
}

#r_grobalMenu li.gm_navi#gm_sitenavi6{
	background: url(../images/r101/2009/navi_button_normal.jpg) no-repeat  -762px 0px;
}


#gm_sitenavi1 a:hover{
	background:url(../images/r101/2009/navi_button_normal.jpg) no-repeat 0px -25px;
}

#gm_sitenavi2 a:hover{
	background:url(../images/r101/2009/navi_button_normal.jpg) no-repeat -122px -25px;
}

#gm_sitenavi3 a:hover{
	background:url(../images/r101/2009/navi_button_normal.jpg) no-repeat -282px -25px;
}

#gm_sitenavi4 a:hover{
	background:url(../images/r101/2009/navi_button_normal.jpg) no-repeat -442px -25px;
}

#gm_sitenavi5 a:hover{
	background:url(../images/r101/2009/navi_button_normal.jpg) no-repeat -602px -25px;
}

#gm_sitenavi6 a:hover{
	background:url(../images/r101/2009/navi_button_normal.jpg) no-repeat -762px -25px;
}

/* ----------leftbody---------- */

#leftbody{
	float:left;
	width:180px;  
   }
   
#left_box1{
    width:180px;
	}


#left_box1 li.listmenu {
	margin:0px;
	padding:0;
	width:180px;
	height:30px;
	text-indent: -9999px;
}

#left_box1 li.listmenu a{
	display:block;
	width:180px;
	height:30px;
	text-decoration:none;
	outline: none;
	text-indent: -9999px;
}

#left_box1 li.listmenu#listmenu_01{
	background: url(../images/r101/2009/leftmenu.jpg) no-repeat  0px 0px;
}

#left_box1 li.listmenu#listmenu_02{
	background: url(../images/r101/2009/leftmenu.jpg) no-repeat  0px -30px;
}

#left_box1 li.listmenu#listmenu_03{
	background: url(../images/r101/2009/leftmenu.jpg) no-repeat  0px -60px;
}

#left_box1 li.listmenu#listmenu_04{
	background: url(../images/r101/2009/leftmenu.jpg) no-repeat  0px -90px;
}

#listmenu_01 a:hover{
	background:url(../images/r101/2009/leftmenu.jpg) no-repeat -180px 0px;
}

#listmenu_02 a:hover{
	background:url(../images/r101/2009/leftmenu.jpg) no-repeat -180px -30px;
}

#listmenu_03 a:hover{
	background:url(../images/r101/2009/leftmenu.jpg) no-repeat -180px -60px;
}

#listmenu_04 a:hover{
	background:url(../images/r101/2009/leftmenu.jpg) no-repeat -180px -90px;
}
.s-box_a{
	margin-top:3px;
	padding:0px;
	width:80px;
	float: left;
	}

.s-box1{
	margin-top:3px;
	width:85px;
	float: right;
	font-size:x-small;
	line-height: 140%;
	font-weight: normal;
	margin-right: 5px;
	margin-bottom: 15px;
	}

.s-box2{
   float:right;
   width:80px;
   margin-top:10px;
   padding-left:10px;
   padding-right:10px;   
   }
#left-mame {
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

.item-note	{
	font-size: 12px;
	margin-left: 8px;
	margin-bottom: 2px;
	color: #704008;
	text-align: center;
}

/* navigation ----------------------------------------- */

#left_box2{
    width:180px;
}

#left_box2 ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}


#left_box2 li{
    margin:0px;
	padding:0;
	width:180px;
	height:30px;
	text-indent: -9999px;
	}
    

#left_box2 li a{
    display:block;
	width:180px;
	height:30px;
	text-decoration:none;
	outline: none;
	}


#left_box2 li#navi_1{
    background: url(../images/r101/navigati.gif) no-repeat  0px 0px;
    }

#left_box2 li#navi_2{
    background:url(../images/r101/navigati.gif) no-repeat  0px -30px;
    }
#left_box2 li#navi_3{
   background:url(../images/r101/navigati.gif) no-repeat  0px -60px;
    }
#left_box2 li#navi_4{
    background:url(../images/r101/navigati.gif) no-repeat  0px -90px;
    }
#left_box2 li#navi_5{
    background:url(../images/r101/navigati.gif) no-repeat  0px -120px;
    }
#left_box2 li#navi_6{
    background:url(../images/r101/navigati.gif) no-repeat  0px -150px;
    }



#navi_1 a:hover{
	background:url(../images/r101/navigati.gif) no-repeat -180px 0px;
}
#navi_2 a:hover{
	background:url(../images/r101/navigati.gif) no-repeat -180px -30px;
}
#navi_3 a:hover{
	background:url(../images/r101/navigati.gif) no-repeat -180px -60px;
}
#navi_4 a:hover{
	background:url(../images/r101/navigati.gif) no-repeat -180px -90px;
}
#navi_5 a:hover{
	background:url(../images/r101/navigati.gif) no-repeat -180px -120px;
}
#navi_6 a:hover{
	background:url(../images/r101/navigati.gif) no-repeat -180px -150px;
}

.logo{
  margin:10px auto;
  }

#left_box3{
  width:180px;
  }


/* ----------centerbody---------- */	


#centerbody{
	float:right;
	width:722px;
	padding-left:5px;
	padding-right:5px;
}
   
.news	{
	margin-bottom: 8px;
}

.news p	{
	font-size: 11px;
	line-height: 1.4;
}

.news	p.head	{
	color: #6960a6;
	font-weight: bold;
}

.maintenance-note	{
	margin-bottom: 8px;
	font-size: 11px;
	line-height: 2px;
}

.maintenance-note div.body	{
	width: 598px;
	padding: 0;
	margin: 0;
	border-right: solid 1px #a0a0a0;
	border-left: solid 1px #a0a0a0;
	border-bottom: solid 1px #a0a0a0;
}

.maintenance-note div.drawing	{
	width: 174px;
	height: 111px;
	float: left;
}

.maintenance-note div.text {
	width: 370px;
	margin: 8px;
	padding: 4px 8px;
	background-color: #e2f2ff;
	float: left;
}

.maintenance-note div.text p	{
	line-height: 1.5;
}

.main_img{
	margin:0;
	padding:0;
	line-height: 2px;
}

.center_box1{
   margin:0px;
   padding:0px;
  }
  
.ng-c-box01 {
	margin-top:15px;
	margin-bottom:5px;
}
.ng-c-box01-l {
	margin:0;
	padding:0;
	width:172px;
}
.ng-c-box01-r {
	margin-left:15px;
	padding:0;
	width:413px;
}
.ng-c-box01-r ul {
	margin-top:5px;
}
.ng-c-box02 {
	margin:0;
}
.ng-c-box02-l {
	width:295px;
	margin:0;
	padding:0;
	}
.ng-c-box02-r {
	width:295px;
	margin-left:10px;
	padding:0;
	}

.ng-c-box02-c	{
	width:722px;
	padding:0;
}


.l-sbox {
	background-color:#e8e6dc;
	text-align:center;
}

.l-sbox p.r_imgMidashi{
	margin-top:5px;
	font-size:10pt;
}

.l-sbox p.r_hagakisyu{
	width:110px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	padding:3px;
	font-size:10pt;
	font-weight:bold;
	background-color:#D6C785;
	text-align:center;
}

.l-sbox img#r_imgTop {
	border:solid #014375 1px;
}

.l-sbox ul.tate {
	margin:0;
	margin-left: 0px;
	padding:0;
	padding-top: 8px;
}
.l-sbox ul.tate li {
	float:left;
	width:180px;
	padding-left:0px;
}

.l-sbox ul.yoko {
	margin:0;
	margin-left: 0px;
	padding:0;
	padding-top: 8px;
}
.l-sbox ul.yoko li {
	float:left;
	width:360px;
	padding-left:0px;
}

.l-sbox-btm {
	background-image:url(../images/r101/ng_m_ima.gif);
	background-repeat:no-repeat;
	height:10px;
	font-size:2px;
}
.l-sbox-btm-m {
	background-image:url(../images/r101/ng_c_bg0.gif);
	background-repeat:no-repeat;
	height:10px;
	font-size:2px;
}

.ng-m-top {
/*	margin-top:5px; */
}
.ng-box03-top {
	background-image:url(../images/r101/ng_c_bg_.gif);
	background-repeat:no-repeat;
	height:10px;
	padding:0;
	font-size:1px;
}
.ng-box03-mid {
	background-color:#e8e6dc;
	padding-left:20px;
	padding-right:20px;
	margin:0;
}

.ng-box03-mid_cap	{
	text-align: center;
	font-size: small;
	line-height: 1.3;
}

.ng-box03-btm {
	background-image:url(../images/r101/ng_c_bg0.gif);
	background-repeat:no-repeat;
	height:10px;
	padding:0;
	margin:0;
	font-size:1px;
	margin-bottom:25px;
	}
.ng-box03-sl {
	width:510px;
	margin:0;
	padding:0;
}
.ng-box03-sr {
	width:50px;
	margin:0;
	padding:0;
}

.btn_start	{
	text-align: center;
	font-size: small;
	line-height: 1.3;
	padding-top: 16px;
	padding-bottom: 20px;
}

.add_catch	{
	text-align: left;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 722px;
	font-size: 12px;
	line-height: 1.3;
}

/*--080714追加--*/
.add_catch_box04	{
	text-align: left;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	width: 682px;
	font-size: 12px;
	line-height: 1.3;
}

.add_catch_box05	{
	text-align: left;
	padding-left:20px;
	padding-top:5px;
	padding-right:20px;
	width: 682px;
	font-size: 12px;
	line-height: 1.3;
}

.btn_catch	{
	font-size: 12px;
	padding-top: 8px;
	line-height: 1.3;
}

.l-sbox02 {
	width:100px;
	margin:0;
	padding:0;
}
.r-sbox02 {
	width:185px;
	margin-left:10px;
	padding:0;
}
.ng-c-box04 {
	background-image:url(../images/r101/main_img_bg.gif);
	background-repeat:repeat-y;
	padding-left:25px;
	padding-right:25px;
	padding-top:10px;
}

/*--080714追加--*/
.ng-c-box04_ubox {
	background-image:url(../images/r101/2009/main_center_box.gif);
	background-repeat:no-repeat;
	width:722px;
	height:71px;
	margin:0;
	padding:0;
}

.ng-c-box04-btm {
	background-image:url(../images/r101/main-img_btm.gif);
	background-repeat:no-repeat;
	height:18px;
	width:722px;
}

.shop-start-msg{
	width:706px;
	border:solid 1px #a0a0a0;
	padding:4px 8px;
	margin-bottom:5px;
}

.shop-start-msg p#shop-start-msg-Title{
	font-weight:bold;
	font-size:11pt;
	margin-bottom:3px;
}

.shop-start-msg p#shop-start-msg-Text{
	font-size:10pt;
}

.shop-start-msg p#shop-start-msg-Text a{
	text-decoration: underline;
	color:#0000FF;
}

.shop-start-msg p#shop-start-msg-Text a:hover{
	text-decoration: underline;
	color:#008080;
}
.shop-start-msg p#shop-start-msg-Button{
	margin-bottom:6px;
}

.shop-start-msg p#shop-start-msg-Button a{
	width:200px;
	padding:4px 12px;
	font-weight:bold;
	text-align:center;
	border-top:solid 4px #a0a0a0;
	border-bottom:solid 4px #a0a0a0;
	background-color:#D3D3D3;
	color:#2F4F4F;
	font-size:10pt;
	position:relative ;
	left:500px;
}

.shop-start-msg p#shop-start-msg-Button a:hover{
	text-decoration:none;
	width:200px;
	padding:4px 12px;
	font-weight:bold;
	text-align:center;
	border-top:solid 4px #778899;
	border-bottom:solid 4px #778899;
	background-color:#90EE90;
	color:#000000;
	font-size:10pt;
	position:relative ;
	left:500px;
}

/* ----------footer---------- */

#footer {
	width:922px;
	margin-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a6a6a6; 
}
#footer-menu {
	margin-top:5px;
	margin-bottom:5px;
}
#footer-copy {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#014375;
	color:#FFFFFF;
}

/* ----------index2---------- */

.ng2-box01-top {
	background-image:url(../images/r101/ng2_c_bg.gif);
	background-repeat:no-repeat;
	height:10px;
	padding:0;
	font-size:1px;
}
.ng2-box01 {
	background-color:#e8e6dc;
	padding-left:30px;
}
.ng2-box01-l {
	width:240px;
	margin:0;
	padding:0;
}
.ng2-box01-r {
	width:330px;
	margin:0;
	padding:0;
}
.ng2-box01-s {
	background-color:#d2ceba;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0;
}
.ng2-box01-btm {
	height:10px;
	background-image:url(../images/r101/ng_c_bg0.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
.ng2-form {
	width:180px;
}
.ng2-txt01 {
	margin-top:5px;
	margin-bottom:5px;
}

/* ----------mame---------- */

.ng3-box01-top {
	background-image:url(../images/r101/ng3_c_bg.gif);
	background-repeat:no-repeat;
	height:10px;
	padding:0;
	font-size:1px;
}
.ng3-box01-mid {
	background-color:#877447;
	padding-left:20px;
	padding-right:20px;
	color:#FFFFFF;
}
.ng3-box01-btm {
	height:10px;
	background-image:url(../images/r101/ng3_c_bg.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
.ng3-box02 {
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
}
.ng3-box02 dl {
	font-size:small;
}
.ng3-box02 dt {
	float:left;
	clear:both;
	width:265px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a6a6a6;
	padding-bottom:3px;
	padding-left:2px;
	margin-bottom:3px;
}
.ng3-box02 dd {
	margin-left:285px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a6a6a6;
	padding-bottom:3px;
	padding-left:2px;
	margin-bottom:3px;
}
.ng3-box03 {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #585858;
	margin-top:10px;
	padding-top:10px;
}
.ng3-box04 {
	background-image:url(../images/r101/ng3_h_bg.gif);
	background-repeat:no-repeat;
	height:26px;
	padding-left:25px;
	padding-top:3px;
}
.ng3-box04 h3 {
	font-weight:bold;
	font-size:90%;
	line-height:150%;
}

p.order-close-note {
	margin: 0 0 10px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}

p.order-close {
	text-align: center;
	color: #DA2323;
	font-size: 14px;
	font-weight: 700;
}


/*--------r121用------------*/

.static_r121_table {
	margin:0 auto auto;
	/*border:1px #000000 solid;*/
	border-collapse: separate; 
}

.static_r121_table td#r121_td_title {
	width:200px;
	padding:5px;
	text-align:center;
	border:0px #000000 solid;
	background-color:#0060B6;
	color:#ffffff;
	font-weight:bold;
}

.static_r121_table td#r121_td_naiyo {
	width:300px;
	padding:5px;
	margin-left:10px;
	border:0px #000000 solid;
	background-color:#FFFFCC;
}

/*--------r122用------------*/

#static_r122_qabox{
	width:650px;
	padding:5px;
	border:0px #000000 solid;
	margin-bottom:20px;
}

#static_r122_qabox p.static_r122_qabox-Q{
	font-weight:bold;
}

#static_r122_qabox p.static_r122_qabox-A{
	margin-top:10px;
	margin-bottom:10px;
}

#static_r122_qabox p.static_r122_qabox-R{
	border-top:1px #33CCCC solid;
	text-align:right;
}

#static_r122_qabox p.static_r122_qabox-R a{
	color:#6633FF;
}

#static_r122_qabox-T{
	margin-bottom:20px;
}

#static_r122_qabox-T li{
	list-style-type:disc;
	list-style-position: inside;
	padding:5px 0;
}

#static_r122_qabox-T a{
	color:#6633FF;
	text-decoration: underline;
}

/*--------r123用------------*/

.static_r123_box {
	width:650px;
	margin:20px auto 20px;
	border-collapse: separate; 
}

.static_r123_box td#static_r123_table-T01 {
	text-align:center;
	vertical-align: middle;
	width:260px;
	background-color:#663399;
	color:#FFFFFF;
	font-weight:bold;
}

.static_r123_box td#static_r123_table-T02 {
	text-align:center;
	vertical-align: middle;
	width:590px;
	background-color:#FFCCCC;
	color:#000000;
	font-weight:bold;
}

.static_r123_box td#static_r123_table-01 {
	text-align:center;
	vertical-align: middle;
	background-color:#663399;
	color:#FFFFFF;
	font-weight:bold;
	width:60px;
}

.static_r123_box td#static_r123_table-02 {
	padding:5px 5px 5px 7px;
	vertical-align: middle;
	background-color:#FFCCCC;
	color:#000000;
	width:200px;
}

.static_r123_box td#static_r123_table-03 {
	padding:5px 5px 5px 7px;
	vertical-align: middle;
	background-color:#F5F5F5;
	color:#000000;
	width:390px;
}
