@charset "Shift_JIS" ;

/*
============================================================
	base.css
	*This document validates as CSS level 3
	
	CSS構成: 基本定義（リセット＆再定義）
	
	-----------------------------------------------------
============================================================
*/


/* ///////////////////////////////////////////////////////////////// 基本定義（前頁共通）*/

/* -- HTML -- */
html { color : #777 ;/* overflow-y : scroll ;*/ overflow:auto; }


/* -- BODY -- */
body {
	background:#fff url(../image/common/bg_head.png) left top repeat-x;
	/*font : 62.5% Osaka, "ＭＳ Ｐゴシック", sans-serif ;*/ /* 10px 相当 */	
	font: 75.0% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
	margin : 0 auto 10px ; /* 中央配置 */
	padding : 0 ;
	font-weight:normal;
	color:#333;
	
	/*text-align : left ;*/ /* IE5 older 中央配置 */
}

	/* for safari */
	html:\66irst-child body { font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif ; }



body {
-webkit-text-size-adjust: none; /* iPhone */
}


a:hover { color:#C90; }
a:hover img { opacity:0.75; }




/* ///////////////////////////////////////////////////////////////// OTHER TAGS */

/* --- [ reset ] --- */
div, pre, p, div, blockquote, form, 
dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6,
table, th, td {
	margin : 0 ;
	padding : 0 ;
}

h1, h2, h3, h4, h5, h6 {
	font-weight : normal ;
	font-size : 1.0em ; /* 12px */
	text-align: left !important;
}

p {
	font-size : 1.0em ; /* 12px */
	line-height : 150% ;
	/*text-align : justify ;*/
	text-align:left;
	/*text-justify : inter-ideograph ;*/
}

/* --- [ table ] --- */
table {
	border-spacing : 0 ;
	font-size : 1.0em ; /* 12px */
}
	/* for IE6 and 7 */
	* html table,
	*:first-child+html table { border-collapse : collapse ; } /* 枠線結合 */
	
caption, th {
	text-align : left ;
	font-weight : normal ;
}
table, th, td { border : none ; }


img { vertical-align : top ; border : none ;}
embed, object { vertical-align : baseline ; }

q:before, q:after { content : '' ; }
acronym,abbr { cursor : help ; }


/* --- [ list ] --- */
ol,ul {
	list-style : none ;
	font-size : 1.0em ;
	line-height : 140% ;
	text-align:left;
}

dl { font-size : 1.0em ; } /* 12px */
li,li { font-size : inherit ; } /* 入れ子フォントサイズ */

li,li a {}

ul p, ol p { font-size : 1em ; }


/* --- [ フォーム ] --- */
form { font-size : 1.0em ; font-family : inherit ;}
option { padding : 0 2px ; } /* firefox用 */
*+html option{ padding: 0 ;} /* for IE7&Opera */
* html option{ padding : 0 ; } /* for IE6 */

input[type="checkbox"],   
input[type="radio"] { vertical-align : text-bottom ; }
	/* for IE 6 */
	* html input.checkbox,   
    * html input.radio { vertical-align : -0.2em ; } 

fieldset { border : solid 1px #cccccc ;padding : 0 1em ;}



/* --- [ other ] --- */

hr {
	display : block ;
	height : 2px ;
	border : 1px -moz-bg-inset ;
}

address, em { font-style : normal ; }
.normal { font-weight : normal ; } 

cite, code, dfn, var { font-style : normal ; } 
code, samp, pre { font-family: "Courier New", Courier, monospace; }



/* --- [ link ] --- */

a {
	color : #996600 ;
	transition: color 0.3s ease 0s;
	}
	
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
	}
		
	
	
	
	

/*---- [ 汎用利用クラス ] -----------------------------------------------*/
.clear { clear : both ; }

.600 { font-weight : 600 ; }
.italic { font-style : italic ; }

.no_border { border : none ; }
.nowrap { white-space : nowrap ; }

hr.clear {
  clear : both ;
  padding-bottom : 1px ;
  margin-bottom : -1px ;
  width : 100% ;
  height : 1px ;
  border : none ;
  visibility : hidden ;
}

/* 左右配置 */

.Top_Left_item { float:left; margin-right:5px; } /* top専用 */

.Left_box,
.Left_item { float : left ; }
.Left_Bn { float : left ; }
.Right_box,
.Right_item,
.Right_Bn { float : right !important ; }
.Right_item_img { float : right ; margin-left:5px; }

/* 水平配置 */
.A_Left { text-align : left ; }	
.A_Center { text-align : center ; }
.A_Right { text-align : right ; clear : both ;}


/* 垂直配置 */
.V_Top { vertical-align : top ; }
.V_Middle { vertical-align : middle ; }	
.V_Bottom { vertical-align : bottom ; padding-bottom : 5px ;}

/* フォントサイズ */
.p_size08 { font-size:0.8em !important; }
.p_size09 { font-size:0.9em !important; }
.p_size10 { font-size:1.0em; }
.p_size12 { font-size:1.2em; }
.p_size14 { font-size:1.4em; }

/* 上下左右スペース */

.margin_item { margin-top : 5px ; }

.mr_none { margin-right :0 !important; }

.mt_5 { margin-top :5px; }

.mt_5 { margin-top :5px; }
.mt_10 { margin-top :10px; }
.mt_15 { margin-top :15px; }

.mb_10 { margin-bottom :10px; }

.mr_5 { margin-right :5px; }
.mr_10 { margin-right :10px; }

.ml_5 { margin-left :5px; }
.ml_10 { margin-left :10px; }

.mtr_5 { margin :5px 5px 0 0 ; }

.pt_5 { padding-top : 5px ; }
.pl_5 { padding-left : 5px ; }
.pl_10 { padding-left : 10px ; }


/* カラー */
.pink { color : #f36; }
.blue { color: #39C;}
.gray { color: #c8c8c8;}


/* bana */
.bn { padding-top:5px; }
.bn img { margin-bottom:5px; }
.bn span { font-size:12px ; padding:0 0 10px 10px;}
.bn span a { font-size:0.8em; text-decoration:underline; }


.last { margin-right:0 !important; }


/* 汎用BOX */
.commonBox{}
.commonBox{
	zoom : 1 ; /*for IE 5.5-7*/
}
.commonBox:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html .commonBox{
	display : inline-table ;
	/*\*/display : block ;/**/
}
x.commonBox .Right_item{
	padding:0 6px 0 30px;
}
x.commonBox p{
	line-height:145%;
	padding:0 0 0 6px;
}

/* 汎用BOX(TOPで使用) */
.btBox{
	zoom : 1 ; /*for IE 5.5-7*/
}
.btBox:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html .btBox{
	display : inline-table ;
	/*\*/display : block ;/**/
}



label { cursor: pointer; }





/*----[ CLEARFIX ]-----------------------------------------------*/
.clearfix{
	zoom : 1 ; /*for IE 5.5-7*/
}
.clearfix:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html .clearfix{
	display : inline-table ;
	/*\*/display : block ;/**/
}