@charset "utf-8";

/****************************************************************************/
/* 全サイト共通のCSS                                                        */
/****************************************************************************/
/*
■CSSの優先度
優先度を上げる場合には、「;」の前に「!important」を記入

■MacIE5.xは読まないようにする場合(その他ブラウザは読む)
/※ \※/
p { color:#FFFFFF; }
/※ ※/

■IEのみCSSを当てる場合の例
p { _color:#FFFFFF; };

■フォントの関係
100%(16px)
87.5%(14px)
75%(12px)
62.5%(10px)

*/
/****************************************************************************/
/* 全体の初期化                                                             */
/****************************************************************************/
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0px;
	padding:0px;
	line-height:1.5em;
}

/* Hack For MacIE\*/
* {letter-spacing:1px;}
/* Hack For MacIE*/



/****************************************************************************/
/* 外枠設定                                                                 */
/****************************************************************************/
/* ブラウザ背景 */
body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/* ページ領域 */
#wrapper {
	width:665px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background:#FFF;
}



/****************************************************************************/
/* 文字装飾 (汎用)                                                          */
/****************************************************************************/
/* 文字：コメント・強調等 */
.red {color:#CC0000;}
.bg_brown{background-color:#FFFF99;}
.bg_yellow{background-color:#FFFF00;}

/* 文字：リンク */
a.link, a.link:link {color:#3366CC;border-bottom:1px dotted #3366CC;text-decoration:none;}
a.link:visited {color:#663366;border-bottom:1px dotted #663366;text-decoration:none;}
a.link:hover, a.link:active    {color:#3366CC;border-bottom:1px solid #3366CC;text-decoration:none;}

a img {border:none;}


/****************************************************************************/
/* 余白・位置 (汎用)                                                        */
/****************************************************************************/
/* 上余白 */
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}

/* 下余白 */
.mb05  {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb20  {margin-bottom:20px;}
.mb30  {margin-bottom:30px;}
.mb40  {margin-bottom:40px;}
.mb50  {margin-bottom:50px;}
.mb60  {margin-bottom:60px;}
.mb80  {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}
.mb200 {margin-bottom:200px;}

/* 左余白 */
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml60 {margin-left:60px;}
.ml220 {margin-left:220px;}
.pl10 {padding-left:10px;}

/* 右余白 */
.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}

/* 位置 */
.center {text-align:center;}
.right  {text-align:right;}
.floatL {float:left;}



/****************************************************************************/
/* その他 (汎用)                                                            */
/****************************************************************************/
/* 回り込みのクリア */
.clear {clear:both;font-size:0px;}

/* 情報グルーピング用の区切り線 */
hr {display:none;}



/****************************************************************************/
/* ヘッダー                                                                 */
/****************************************************************************/
/* ヘッダーエリア */
#header {
	background:url("../images/bg_headerbar.gif") 0% 100% repeat-x;
	width:665px;
	height:80px;
	margin-bottom:10px;
	border-top:10px solid #AAA79E;
}

#header h1 {
	margin:20px 0px;
	padding:0;
	font-size:100%;
	color:#AAA79E;
	background:url("../images/logo.gif") 0% 0% no-repeat;
	text-indent:2em;
	line-height:25px;
}



/****************************************************************************/
/* コンテンツ                                                             */
/****************************************************************************/
#container {
	width:665px;
}

#container .contentsblock h2 {
	background:url("../images/bg_Rh2.gif") 0 0 no-repeat;
	font-size:100%;
	line-height:34px;
	text-indent:1em;
	margin-bottom:10px;
}

#container .contentsblock h3 {
	font-size:87.5%;
	color:#CC0000;
	padding-top:1px;
	margin-bottom:5px;
}

#container .contentsblock {
	margin-bottom:30px;
}

#container .contentsblock p, #container .contentsblock ul {
	font-size:87.5%;
}

#container .contentsblock ul {
	margin-left:20px;
}

#container .contentsblock .thumb_area {
	padding:9px 10px 10px 10px;
	width:215px;
	height:290px;
	float:left;
	background:url("../images/bg_thumb.gif") 0% 0% no-repeat;
}

#container .contentsblock .thumb_area .thumb img {
	border:1px solid #CCC;
	width:195px;
	height:130px;
}

#container .contentsblock .thumb_area p {
	margin:0px 5px 5px 5px;
}



/****************************************************************************/
/* フッター                                                                 */
/****************************************************************************/
/* フッターエリア */
#footer {
	width:665px;
	font-size:75%;
	border-top:3px solid #AAA79E;
	background-color:#FFFFFF;
	padding:10px 0px 20px 0px;
}

/* 著作権表記 */
#footer address {
	font-style:normal;
	font-weight:normal;
	color:#333;
}