@charset "shift_jis";
/* =========================================

nasluck > reform > common CSS

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

html {
	overflow-y: scroll;
}

*{
margin: 0;
padding: 0;
font-size: 100%;
}

a:link		{color: #0000ff;text-decoration: none;}
a:visited	{color: #0000ff;text-decoration: none;}
a:hover		{color: #ff0000;text-decoration: underline;}
a:active	{color: #ff0000;text-decoration: underline;}

h1,h2{
margin:0;
padding:0;
text-align:left;
}

img{
border: none;
margin:0;
padding:0;
}

hr{
display: none;
}

ul,li,dt,dd {
list-style:none;
}

dl {
list-style:none;
margin:0;
padding:0;
}

table {
margin:0;
padding:0;
}

p {
	text-align:left;
	}

body{
background:#FFFFFF;
color: #333;
font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
text-align: center;
line-height: 1.2;
font-size: 80%;
}

.keepcenter {
text-align:center;
margin:0;
padding:0;
}

.float_left {
	float:left;
	}
.float_right {
	float:right;
	}

.clearFix {
	clear:both;
	}
	
.margin_b12 {
	margin-bottom:12px!important;
	}
.margin_t12 {
	margin-top:12px!important;
	}
.margin_b24{
	margin-bottom:24px!important;
	}
.margin_t24{
	margin-top:24px!important;
	}
.padding_b12{
	padding-bottom:12px!important;
	}
.padding_t12{
	padding-top:12px!important;
	}

.padding_b24{
	padding-bottom:24px!important;
	}
.padding_t24{
	padding-top:24px!important;
	}


#main table {
border-collapse:collapse;
}


/* widthいろいろ */

.wid_120 {
	width:120px!important;
	}
.wid_160 {
	width:160px!important;
	}
.wid_280 {
	width:280px!important;
	}
.wid_400 {
	width:400px!important;
	}

.wid_420 {
	width:420px!important;
	}
.wid_595 {
	width:595px!important;
	}


/* バー（グレー） */
.bar_type01 {
	height:30px;
	display:block;
	background:url(../image_cmn/bar_bg_type01.jpg) no-repeat 0 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
.bar_type01 img {
	float: left;
}
.bar_type01 span {
	float:right;
	display:block;
	text-align:right;
	padding:0 10px 0 0;
	font-weight:normal;
	color:#333;
	font-size: 90%;
	}
	
/* ヘッダアイコン　グレー・長方形 */
.icon_level3 {
	padding:3px 0 3px 12px;
	text-align:left;
	font-size:110%;
	color:#333;
	line-height:24px;
	background:#E1E1E1 url(/reform/image_cmn/icon_level3.gif) no-repeat 0 50%;
	}	

/* ヘッダアイコン　オレンジ・マル */
.icon_level4 {
	padding:3px 0 3px 18px;
	text-align:left;
	font-size:120%;
	color:#333;
	line-height:24px;
	background: url(/reform/image_cmn/icon_maru_orange.gif) no-repeat 0 50%;
	}	

/*背景グラデ */

.bg_gradation_gray {
	margin:0 12px;
	display:block;
	height:100%;
	padding-top:6px;
	background: url(/reform/image_cmn/bg_gradation_gray.jpg) repeat-x 0 -30px;
	}

/* 背景画像高さ維持設定---------------- */

.bg_gradation_gray:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.bg_gradation_gray {
display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/　
* html .bg_gradation_gray　
{height: 1%;}
.bg_gradation_gray 
{display: block;}
/* End hide from IE-Mac */


/* サイズ */
.fts-exsmall  { font-size:80%; }
.fts-xsmall   { font-size:85%; }
.fts-small    { font-size:90%; }
.fts-normal   { font-size:95%; }
.fts-large    { font-size:105%; }
.fts-xlarge   { font-size:115%; }
.fts-exlarge  { font-size:125%; }
.gyo15 {
	font-size: 12px;
	line-height: 20px;
	color: #000066;
}



/* -------------------------------------------
	wrapper
------------------------------------------- */
#WRAPPER {
overflow: hidden;
width: 840px;
margin: 0 auto;
padding:0;
background:#FFFFFF;
text-align:left;
}

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

#header {
clear:both;
width:840px;
height:82px;
padding:0;
position:relative;
}

#header span.f_right{
	float:right;
}

#header .logo_reform {
	width:306px;
	height:60px;
	position:absolute;
	bottom:12px;
	left:0;
}

#header img.logo_nas {
	position:absolute;
	bottom:12px;
	right:0;
	}
	
#header img.btn_target_owner {
	position:absolute;
	bottom:12px;
	left:340px;
	}

#header img.btn_target_shop {
	position:absolute;
	bottom:12px;
	left:533px;
	}



/* ナビゲーション
-----------------------------------------*/

#menu_navi {
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	}
#menu_navi li {
	float:left;
	margin:0;
	padding:0;
	position:relative;
	}



/* -------------------------------------------
	contents
------------------------------------------- */

#contents {
clear:both;
overflow: hidden;
display:block;
height:auto;
margin:0;
padding:0;
text-align:center;
}

#contents:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#contents {
display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/　
* html #contents　
{height: 1%;}
#contents 
{display: block;}
/* End hide from IE-Mac */

#contents ul#route{
clear:both;
list-style:none;
width:840px;
height:20px;
margin:0;
padding:24px 0 0 0;
text-align:left;
background:#FFF;
}

#contents ul#route li{
display:block;
float:left;
width:auto;
height:20px;
margin:0;
padding: 0 10px 0 18px ;
background:url(/reform/image_cmn/icon_arrow_gray.gif) no-repeat 0 5px ;
line-height:20px;
font-size: 85%;
text-align:left;
white-space:nowrap;
color:#F30;
}

/* *:first-child + html #contents ul#route li  {
	margin:0 0 0 -3px;
} */

#contents ul#route li a { color:#666;}
#contents ul#route li a:hover { color:#F00;}


#contents div.section {
clear:both;
width:620px;
height:auto;
margin:0 auto;
padding:0;
text-align:left;
}

#contents div.section span{
	font-size: 90%;
}

#contents .keepcenter {
text-align:center;
margin: 0 auto;
}

/* -------------------------------------------
	main
------------------------------------------- */

#main {
	float:left;
	width:620px;
	margin:0;
	padding:0;
	}

#main h1 {
	width:620px;
	padding:10px 0 0 0;
	display:block;
	background:url(../image_cmn/bar_bg_type01.jpg) no-repeat 0 0 ;
	}

/* 最下部ページ送りナビゲーション------------------------------------ */

#footernavi {
	clear:both;
	width:100%;
	margin:20px auto 0 auto;
	padding:0;
	border-top:1px solid #CCC;
}
	
#footernavi p {
	width:auto;
	margin:0 auto;
	padding:10px 0 0 25px!important;
	text-indent:15px;
	font-size:110%;
	background:url(/reform/image_cmn/icon_arrow_02.gif) no-repeat 0 13px ;
	}
	#footernavi p img { float:none; text-align:left; clear:both;}
	#footernavi p a { color:#fe4d07; }
	#footernavi p a:hover { color:#F00; }

#footernavi ul {
	clear:both;
	width:100%;
	margin:10px auto ;
	padding:0;
	list-style:none;
	}
	
#footernavi ul li {
	float:left;
	margin:5px;
	padding:0;
	line-height:25px;
	text-align:center;
}

#footernavi ul li a {
	display:block;
	overflow:hidden;
	width:25px;
	height:25px;
	color:#666;
	background:#D1D1D1;
	border:1px solid #D1D1D1;
	line-height:25px;
	text-decoration:none;
	}
	
#footernavi ul li a:hover {
	color:#F00;
	background:#FFC8C8;
	border:1px solid #C33;
	font-weight:bold;
	}

#footernavi ul li.page_act {
	background:#ECA74A;
	color:#FFF;
	font-weight:bold;
	width:25px;
	height:25px;
	border:1px solid #ECA74A;
	}
	
#footernavi ul li.backnext,
#footernavi ul li.backnext a,
#footernavi ul li.backnext a:hover {
	width:100px;
	background:none;
	font-size:100%;
	font-weight:normal;
	border:none;
	padding:0;
	}
#footernavi ul .txtalignR { text-align:right;}
#footernavi ul .txtalignL { text-align:left;}



/* -------------------------------------------
	rightColumn menu
------------------------------------------- */

#rightColumn {
	float:left;
	width:200px;
	margin:0;
	padding:0 0 0 20px;
	text-align:left;
	}

#rightColumn h2 {
	width:200px;
	margin:0;
	padding:0;
	}
	
#rightColumn h3 {
	width:198px;
	margin:0;
	padding:0;
	border-top:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	}

#rightColumn ul.menu_list {
	list-style:none;
	width:198px;
	margin:0;
	padding:0 0 12px 0;
	}
	
#rightColumn ul.menu_list li {
	display:block;
	width:188px;
	margin:0;
	padding:8px 5px;
	text-align:left;
	border-bottom:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	background:#FFFFFF url(../image_cmn/bg_rightmenu.gif) repeat-x 0 bottom;
	}

#rightColumn ul.menu_list li a { color:#666; }
#rightColumn ul.menu_list li a.current,
#rightColumn ul.menu_list li a.parentsLink{ color:#ea3d00;}	/* 自ページまたは親ディレクトリにリンクしていた際にa要素に付加されるクラス */
#rightColumn ul.menu_list li a:hover { color:#ff0000; }
	


/* -------------------------------------------
	footer
------------------------------------------- */

#footer {
clear:both;
/*overflow:inherit;*/
margin: 0;
text-align:center;
}

#footer div.goto_top {
	text-align:right;
	display:block;
	width:840px;
	font-size:85%;
	margin:0 auto;
	padding:10px;
	}
	
#footer div.goto_top a {
	color:#666;
	}

#footer div.copyright {
padding:6px ;
background:#404040;
font-size:85%;
color:#FFFFFF;
text-align:center;
	}

#footer div.copyright a,
#footer div.copyright a:hover{
color:#FFFFFF;
text-decoration:none;
}