@charset "utf-8";

/*------------------------------------------------------------------------------
Css name: common.css
Css info: 共通スタイル
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
基本
--------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	font-size : 100%;
	}
html {
	overflow-y: scroll;
}

body{
    font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color: #555555;
    background-color: #fdf5e6;
    font-size: 72.5%;
    line-height: 150%;
    letter-spacing:1px;
	}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

body *,
body p{ 
    line-height:1.5;
} 

table, th, td, th {
	border-collapse: collapse;
	border-spacing: 0;
	font-weight: normal;
	font-size:1em;
	}

table,div,p,ol,ul,li,dl,dt,dd{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

/* ClearFix 回り込みの解除(Firefox/Safari/Operaなどのモダンブラウザ用の記述) */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	}
/* ClearFix 回り込みの解除(IE7とMac版IE5用の記述) */
.clearfix {
	display: inline-block;
	min-height: 1%;
	}
/* Hides from IE-mac --ClearFix 回り込みの解除(IE6以前用の記述) \*/
* html .clearfix {
	height: 1%;
	}
.clearfix { 
	display: block;
	}
/* End hide from IE-mac */


.clear {	/* 回り込みの解除 */
	clear:both;
	zoom:1;
	}

.f-lef{		/* 左配置回り込み */
	float:left;
	}
	
.f-rig{		/* 右配置回り込み */
	float:right;
	}

.pad-rig{		/* 右側余白10px */
	padding-right:10px;
	}

.pad-lef{		/* 左側余白10px */
	padding-left:10px;
	}

.cen{		/* 真ん中寄せ */
	text-align:center;
	}

.rig{		/* 右寄せ */
	text-align:right;
	}

.lef{		/* 左寄せ */
	text-align:left;
	}

.tp{	         /* 上に揃える */
	vertical-align:top;
	}
	
.md{	      /* 中心に揃える */
	vertical-align:middle;
	}
	
.bt{	      /* 下に揃える */
	vertical-align:bottom;
	}

h1,h2,h3,h4,h5,h6{		/* 題名 */
	font-size:100%;
	line-height:100%;
	margin:0px;
	padding:0px;
	}

em{		/* 重要 */
	color:#ff0000;
	font-style:normal;
	}

strong{		/* emより重要 */
	color:#ff0000;
	}

hr {		/* ライン */
	display:none;
}
.hr-s1{		/* ライン */
  background: url("../images/line_s1.gif"); /* 画像の指定 */
  height:1px; /* 水平線の太さ */
  margin:1em 0px;
}

img,table {		/* イメージ・テーブル線消し */
	border:0px;
	}

img{		/* Strict時の画像下のスキマを埋める(Firefox) */
	vertical-align: bottom;
	}

.nonetxt{		/* 文字消し */
	display:none;
	}

address{		/* アドレス */
	font-style:normal;
	}

.gotop{		/* ページの先頭へ移動 */
	clear:both;
	zoom:1;
	text-align:right;
	padding-top:20px;
	}

.btm-s1{		/* 下余白1行 */
	margin-bottom:1em;
	}
.btm-s2{		/* 下余白2行 */
	margin-bottom:2em;
	}
.btm-s3{		/* 下余白3行 */
	margin-bottom:3em;
	}
.btm-s4{		/* 下余白4行 */
	margin-bottom:4em;
	}
.btm-s5{		/* 下余白5行 */
	margin-bottom:5em;
	}
.btm-non{		/* 下余白無し */
	margin-bottom:0em;
	}

.f-large{		/* 文字大きく */
	font-size:130%;	
	}

.f-small{		/* 文字小さく */
	font-size:x-small ;	
	}


.f-bold{		/* 文字太く */
	font-weight:bold;	
	}

a:hover{		/* テキストリンク */
	color:#009900;
	text-decoration:underline;
	}




/* imgtxt-cen 画像の横にあるテキストを画像に対して上下中央 */
.imgtxt-cen p {   
    display: table-cell;   
    vertical-align: middle;   
    margin: 0; 
}   
    
/*imgtxt-cen 画像の横にあるテキストを画像に対して上下中央(IE6用の記述) */ 
* html .imgtxt-cen p {   
    display: inline;   
    zoom: 1;   
}   
    
/*imgtxt-cen 画像の横にあるテキストを画像に対して上下中央(IE7用の記述) */  
*:first-child+html .imgtxt-cen p {   
    display: inline;   
    zoom: 1;   
}  


p#pan{		/* パンくずリンク */
	clear:both;
	zoom:1;
	margin-bottom:1em;
	text-align:right;
	font-size:12px;
	line-height:14px;
	}


/*------------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------------*/
div#container {
    width: 920px;
    margin: 0 auto;
    padding: 0px 20px 0px 30px;
    background-color: #fdf5e6;
    text-align: left;
}
#container:after {/* firefox背景色表示用 */
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}


#content{
	margin:20px 8px;
	}

#main {
	width:687px;
	float:right;
	}

#side {
	width:166px;
	float:left;
	}

#header{
	padding:0px;
	margin:0px;
	text-align:left;
	width:100%;
	font-size: 12px;
	line-height: 14px;
	}

#footer{
	clear:both;
	zoom:1;
	width: 890px;
	margin: 0 auto;
	padding: 15px 0px;
	border-top:5px solid #ff3333;
	background-color: #333333;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	text-align: left;
	}

#flasharea{
	padding:0px;
	margin:10px 0px 0px 0px;
	text-align:center;
	width:100%;
	}

/*------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/

/* ヘッダーロゴ
------------------------------------------------ */
div#header {
    background: url("../images/bg.gif");
    width: 980px;
    height: 143px;
    margin: 0 auto;
}
div#header h1 a {
    float: left;
    display: block;
    margin: 8px 0 0 0;
    width: 400px;
    height: 80px;
    background: url("../images/logo.gif");
}
div#header em {
    display: none;
}

div#header h2 {
    display:none;
}


/* 主なカテゴリー
----------------------------------------------- */
div#globalnav {
    clear:both;
    padding: 20px 20px 0 40px;
    *padding: 0 12px 0 12px;/* IE6とIE7 */
    *margin-top: 10px;/* IE6とIE7 */
}


div#globalnav ul li {
    display: inline;
}
div#globalnav ul li a {
    text-decoration: none;
}


/*------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
div#footer address#cop{		/* コピーライト */
	font-style:normal;
	padding:0px 10px;
	}