@charset "utf-8";

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

全ページ共通

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

/*------------------------

基本設定

------------------------*/
html {
  overflow-y: scroll;
  }

img {
	border:0px;
	vertical-align:bottom;
	}


/*------------------------

ベース

------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font:13px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	*font-size:small; /* IE 7 */
	*font:x-small;
	background: #ECE7E0 url(../img/bg.jpg) repeat-x center top;
	}

#wrap2 {
	width:100%;
	margin:0px;
	padding:0px;
	}


/*------------------------

ヘッダーエリア

------------------------*/
#headArea {
	width:764px;
	height:213px;
	margin:0px auto;
	padding:8px 0px 0px;
	}

#headArea div.h_left {
	float:left;
	width:535px;
	height:213px;
	margin:0px;
	padding:0px;
	}

#headArea div.h_left h1 {
	margin:0px;
	padding:0px;
	}

#headArea div.h_right {
	float:right;
	width:229px;
	height:213px;
	margin:0px;
	padding:0px;
	}

/*------------------------

コンテンツ

------------------------*/
/*コンテンツ全体の背景白*/
#wrap2 {
	width:100%;
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	}


/*コンテンツ範囲*/
#contentsArea {
	width:754px;
	margin:0px auto;
	padding:10px 0px;
	}


/*コンテンツ*/
#contents {
	float:right;
	width:544px;
	margin:0px;
	padding:0px;
	}

.category {
	width:544px;
	margin:0px;
	padding:0px 0px 10px;
	}

.categoryL {
	float:left;
	width:267px;
	margin:0px;
	padding:0px;
	}

.categoryR {
	float:right;
	width:267px;
	margin:0px;
	padding:0px;
	}

.category p {
	margin:0px;
	padding:0px;
	}

/*------------------------

サイドメニュー

------------------------*/
/*サイドメニュー範囲*/
#sideMenu {
	float:left;
	width:200px;
	margin:0px;
	padding:0px;
	}

#sideMenu ul {
	width:200px;
	margin:0px;
	padding:0px;
	list-style:none;
	}


/*------------------------

フッター

------------------------*/
#footArea {
	width:764px;
	height:80px;
	margin:0px auto;
	padding:0px;
	color:#666666;
	font-size:85%;
	}

#footArea div.menu {
	text-align:center;
	padding-top:8px;
	}

#footArea address {
	font-style:normal;
	text-align:center;
	padding-top:8px;
	}


#footArea a:link,
#footArea a:visited {
	color:#666666;
	text-decoration: underline;
	}

#footArea a:hover,
#footArea a:active {
	color:#666666;
	text-decoration: none;
	}

/*------------------------

フォント

------------------------*/
.font_10 {
font-size:77%;
}

.font_11 {
font-size:85%;
}

.font_12 {
font-size:92%;
}

.font_14 {
font-size:107%;
}

.font_16 {
font-size:122%;
}

.font_18 {
font-size:136%;
}

.font_20 {
font-size:152%;
}


/*------------------------

テキスト位置

------------------------*/
/*右揃え*/
.txt_right {
	text-align:right;
	}

/*中央揃え*/
.txt_center {
	text-align:center;
	}

/*------------------------

リンク

------------------------*/
a:link,
a:visited {
	color:#CF2745;
	text-decoration: underline;
	}

a:hover,
a:active {
	color:#E47084;
	text-decoration: underline;
	}

/*カテゴリのリンク（矢印付）*/
a.arrow:link,
a.arrow:visited {
	color:#CF2745;
	text-decoration: underline;
	background: url(../img/arrow_off.jpg) no-repeat 0px 0px;
	padding: 0px 0px 0px 20px;
	}

a.arrow:hover,
a.arrow:active {
	color:#E2A605;
	text-decoration: underline;
	background: url(../img/arrow_on.jpg) no-repeat 0px 0px;
	padding: 0px 0px 0px 20px;
	}
/*カテゴリのリンク（矢印付）ie7とモダンブラウザ向け*/
html>body a.arrow:link,
html>body a.arrow:visited {
	color:#CF2745;
	text-decoration: underline;
	background: url(../img/arrow_off.jpg) no-repeat 0px 2px;
	padding: 0px 0px 0px 20px;
	}

html>body a.arrow:hover,
html>body a.arrow:active {
	color:#E2A605;
	text-decoration: underline;
	background: url(../img/arrow_on.jpg) no-repeat 0px 2px;
	padding: 0px 0px 0px 20px;
	}

/*------------------------

float解除

------------------------*/
#headArea:after,
#contentsArea:after,
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

#headArea,
#contentsArea,
.clearfix {display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html #headArea,
* html #contentsArea,
* html .clearfix {height:1%;}

#headArea,
#contentsArea,
.clearfix {display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/


#headArea,
#contentsArea,
.clearfix {overflow:hidden;}/*DWデザインビュー向け　公開時には削除*/