@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:905px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background:#FFF;
}



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

/* 文字：リンク */
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;}
.ml180 {margin-left:180px;}
.ml185 {margin-left:185px;}
.ml190 {margin-left:190px;}
.ml200 {margin-left:200px;}
.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:905px;
	height:113px;
	margin-bottom:10px;
}

#header h1 {
	margin:0;
	padding:0;
	float:left;
}

#header #summary {
	margin-bottom:12px;
	font-size:12px;
	color:#FFF;
	background-color:#8B0037;
	text-indent:1em;
}

#header #banner_header {
	float:right;
}

/****************************************************************************/
/* コンテンツ左                                                             */
/****************************************************************************/
#container {
	padding:0px 0px 20px 0px;
}

#container #leftcolumn {
	width:220px;
	float:left;
}

#container #leftcolumn .naviblock {
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	width:220px;
}

#container #leftcolumn .naviblock h2 {
	background:url("../images/bg_Lh2.gif") 0 0 no-repeat;
	font-size:100%;
	line-height:1.95em;
	text-indent:1em;
	margin:1px 1px 1px 1px;
	border-bottom:1px solid #CCC;
}

#container #leftcolumn .naviblock h2 a.link,
#container #leftcolumn .naviblock h2 a.link:link,
#container #leftcolumn .naviblock h2 a.link:visited {
	color:#333;
	border-bottom:1px dotted #333;
	text-decoration:none;
	line-height:1.95em;
}

#container #leftcolumn .naviblock h2 a.link:hover, #container #leftcolumn .naviblock h2 a.link:active {
	color:#333;
	border-bottom:1px solid #333;
	text-decoration:none;
}

#container #leftcolumn .naviblock ul {
	margin:10px 10px 10px 10px;
	list-style:none;
}

#container #leftcolumn .naviblock ul li {
	background:url("../images/icon_lnavi.gif") 0% 50% no-repeat;
	text-indent:13px;
	font-size:87.5%;
	line-height:1.75em;
}



/****************************************************************************/
/* コンテンツ右                                                             */
/****************************************************************************/
#container #rightcolumn {
	width:665px;
	margin-left:240px;
}

#container #rightcolumn #topicpath {
	font-size:87.5%;
	border-left:5px double #999;
	color:#666;
	margin-bottom:10px;
	text-indent:0.5em;
}

#container #rightcolumn .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 #rightcolumn .contentsblock h3 {
	font-size:87.5%;
	color:#CC0000;
	padding-top:1px;
	margin-bottom:5px;
}

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

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

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

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

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

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

#container #rightcolumn .contentsblock .photo {
	padding:5px;
	border:1px solid #CCC;
	margin-bottom:10px;
}

#container #rightcolumn .contentsblock .public {
	background:url("../images/icon_lnavi.gif") 100% 50% no-repeat;
	padding-right:1em;
	margin-left:10px;
}



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

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