@charset "UTF-8";



/* 基本
構成-----------------------------------------*/


body {

	color: #333333;

	font-size: 75%;

	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;

	background: #FFFFFF;

}

img {

	vertical-align: top;

}

a {

	color: #003399;

	text-decoration: none;

}

a:visited {

	color: #333333;

}

a:hover,
a:focus {

	color: #3366CC;

	text-decoration: underline;

}

a:active {

	color: #CC3300;

}

#wrapper {

	width: 760px;

	margin: 0 auto;

}

#header {

	position: relative;

	padding-bottom: 4px;
	background: url(../images/header_bg.gif) left bottom repeat-x;

}

#content {

	clear: both;

	width: 100%; /* for WinIE6,7 */

	padding-top: 10px;

}

#content #primary {

	float: right;

	width: 570px;

}

#content #secondary {

	float: left;

	width: 170px;
}

#footer {

	clear: both;

	width: 100%; /* for WinIE6,7*/

	padding-top: 50px;

}



/* ロゴとユーティリティナビ-----------------------------------------*/

#logo {

	padding: 11px 0;

}

#utility_navi {

	position: absolute;

	right: 0;

	top: 35px;

	width: 160px;

	font-size: 95%;

	line-height: 1.2;

}

#utility_navi li {

	position: absolute;

	top: 0;

	width: 8em;

}

#utility_navi li#nav_sitemap {

	right: 8em;

}

#utility_navi li#nav_question {

	right: 0;

}

#utility_navi li a {

	padding-left: 14px;

	text-decoration: none;

}

#utility_navi li#nav_sitemap a {

	background: url(../common/ico_sitemap.gif) left top no-repeat;

}

#utility_navi li#nav_question a {

	background: url(../common/ico_question.gif) 0px -0.2px no-repeat;

}



/* グローバルナビ-----------------------------------------*/


#global_navi {

	height: 34px;

	border-top: 1px solid #70747C;

	border-right: 1px solid #70747C;

	border-left: 1px solid #70747C;

	background: #7F858D url(../images/gn_bg.gif) repeat-x;

}

#global_navi li {

	float: left;

	height: 34px;

	padding-right: 2px;

	background: url(../images/gn_li_bg.gif) right top repeat-y;

}

#global_navi li a {

	display: block;

}

#global_navi li a:hover,
#global_navi li a:focus {

	background: #5F626A;

}



/* パンくずリスト-----------------------------------------*/


#topic_path {

	height: 40px;

	margin: 12px 0 0 0;

	font-size: 100%;

	line-height: 1.2;

}

#topic_path li {

	float: left;

	padding-top: 7px;

	padding-bottom: 7px;

	padding-left: 32px;

	background: #EEEEEE url(../images/topicpath_li_bg.gif) left center no-repeat;

}

#topic_path li.first {

	padding-left: 30px;

	background: #EEEEEE url(../images/topicpath_li_bg_first.gif) left center no-repeat;

}

#topic_path li.last {

	background: #FFFFFF url(../images/topicpath_li_bg_last.gif) left center no-repeat;

}



/* What's New
（ニュースリリース）-----------------------------------------*/


#whats_new {

	margin: 12px 0 0px 0;

	padding: 0px 0px 12px 0;
	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	font-weight: normal;

	font-size: 100%;

	background: #F5F5F5;

	line-height: 1.5;

}

#whats_new dl dd {
	padding: 7px 10px 0px 0;
}
#whats_new dl dt {
	padding: 7px 10px 0px 20px;
	float: left;
	clear: left;
	font-size: 100%;
}
.new {
	padding: 7px 10px 0px 0;
	text-indent: 2.8em;
	background: url(../images/new.gif) 114px 10px no-repeat;

}
.info {
	padding: 7px 10px 0px 0;
	text-indent: 2.8em;
	background: url(../images/info.gif) 114px 10px no-repeat;

}

/* 下階層への導入部分
-----------------------------------------*/


#lead .column {

	clear: both;

	width: 100%; /* for WinIE6,7 */

}

#lead .column .section {

	width: 570px;

	margin: 2px 0 5px 0;
	float: left;

	backgound: #AAA4A1;
}

#lead .column .section h2 {

	border-top: 1px solid #D9D9D9;

	border-bottom: 2px solid #F5F5F5;

	font-weight: bold;

	line-height: 1;

}

#lead .column .section h2 a {

	display: block;

	width: 530px; /* for WinIE6 */

	padding: 10px 30px 10px 10px;

	border-bottom: 1px solid #D9D9D9;

	background: url(../images/lead_b_bg.gif) left center no-repeat;

	text-decoration: none;

}

#lead .column .section h2 a:active {

	background: url(../images/lead_b_bg.gif) right center no-repeat;

}

.section .img_box {

	width: 570px;

	height: auto;
	margin-bottom: 10px;
	clear:left;
}

.section .img_box_picture {

	margin-left: 80px;

	margin-bottom: 10px;
	clear:left;
}


.section .img_box h3 {

	margin: 0 10px 5px 10px;

	padding: 10px 5px 0 0;

	color: #3366CC;
	font-size: 110%;

	line-height: 1.2;

}

#lead .column .section .section_photo {

	margin: 5px 10px 5px 0px;

	padding: 3px;

	border: 1px solid #D9D9D9;
	float: left;
}

#lead .column .section .section_comment {

	margin: 0 10px 2px 10px;

	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 1.5;

}
#lead .column .section .section_photo_570_0 {

	margin: 5px auto 5px auto; /* 画像570px・左右余白なしの場合 */
	text-align: center; /* for WinIE6,7 */
	float: left;
	clear: both;
}

#lead .column .section .section_photo_right {

	margin: 5px 0 5px 10px;

	padding: 3px;

	border: 1px solid #D9D9D9;
	float: right;
}

#lead .column .section .section_photo_right_0 {

	margin: 5px 0 5px 10px;

	padding: 3px;

	float: right;
}

#lead .column .section .section_comment_right {

	margin: 0 10px 2px 10px;

	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 1.5;

}
.section .img_box_friend {

	width: 273px;

	height: auto;
	margin: 15px 3px 15px 3px;
	border: 1px solid #D9D9D9;
	float: left;
}

.section_comment_caption {

	text-align: center; /* 中央寄せ */
	margin: 5px;
}
#lead .column .section .section_photo_friend {

	margin: 0;
	padding: 0;

	text-align: center; /* for WinIE6,7 */
	float: left;
}

p.exp {
	clear: left; /* 回り込みを解除 */
}
#lead .column .section ul li a {

	display: block;

	margin-left: 470px;

	padding: 8px 0 8px 18px;

	background: url(../images/arrow_up.gif) 0 8px no-repeat;

}

#lead .column .section ul li a:hover,
#local_navi ul li a:focus {

	background: url(../images/arrow_up.gif) 0px 6px no-repeat;

}


.link {
	background: url(../images/arrow.gif) 5px center no-repeat;
	padding-top: 5px;
	padding-left: 20px;
}





/* ローカルナビ-----------------------------------------*/


#local_navi ul {

	background: #F5F5F5;

	line-height: 1.2;

}

#local_navi ul li {

	padding-bottom: 2px;

	background: url(../images/ln_li_bg.gif) left bottom repeat-x;

}

#local_navi ul li a {

	display: block;

	width: 142px; /* for WinIE6 */

	padding: 8px 10px 8px 18px;

	background: url(../images/arrow_big.gif) 9px 13px no-repeat;

	text-decoration: none;

}

#local_navi ul li a:hover,
#local_navi ul li a:focus {

	background: #E6E6E6 url(../images/arrow_big.gif) 11px 13px no-repeat;

}

#local_navi ul li ul {

	margin-left: 20px;

	font-size: 100%;

}

#local_navi ul li ul li {

	padding-bottom: 0;

	background: none;

	border-top: 1px solid #E5E5E5;

}

#local_navi ul li ul li a {

	width: 126px; /* for WinIE6 */

	padding: 6px 10px 6px 14px;

	background: url(../images/arrow_small.gif) 6px 11px no-repeat;

}

#local_navi ul li ul li ul li {

	padding-bottom: 0;

	background: none;

	border-top: 1px solid #E5E5E5;

}

#local_navi ul li ul li ul li a {

	width: 106px; /* for WinIE6 */

	padding: 6px 10px 6px 14px;

	background: url(../images/arrow_small.gif) 6px 11px no-repeat;

}
#local_navi ul li ul li a:hover,
#local_navi ul li ul li a:focus {

	background: #E6E6E6 url(../images/arrow_small.gif) 7px 11px no-repeat;

}

/* テーブルのレイアウト（１）-------------------------------*/
table.information {
	width: 550px;
	border: 1px solid #B4B4B4;
	border-collapse: collapse;
	border-spacing: 2px;   /* セルの間隔をなくす */
	margin-left: 10px;
}

/* セルのデザインのうちヘッダと中身の共通部分 */
table.information th, table.information td {
	border-width: 1px;   /* セルの枠線は太さ1ピクセル */
	border-style: solid;   /* セルの枠線は実線 */
	padding: 2px;   /* セル内側の余白は2ピクセル */
	text-align: center;
}
/* ヘッダセルのデザイン */
table.information thead th {
	border-color: #B4B4B4;
	background: #EAEFF2;
	text-align: center;
	height: 70px;
	width: 100px;
	font-size: 90%;   /* 文字サイズ */
	padding: 2px 17px 2px 17px;
}
table.information thead td {
	border-color: #B4B4B4;
	background: #EAEFF2;
	text-align: center;
	height: 70px;
	font-size: 90%;   /* 文字サイズ */
	padding: 2px 17px 2px 17px;
}
table.information tbody th {
	border-color: #B4B4B4;
	background: #EAEFF2;
	padding-left: 10px;
	width: 100px;
	height: 30px;
	font-size: 80%;   /* 文字サイズ */
	text-align: left;
}
/* セルのデザイン */
table.information td {
	border-color: #B4B4B4;
	text-align: center;
}



caption {
	font-size: 1.2em;
	font-weight: bold;
	caption-side: top;
	width: auto;
	padding: 15px 10px 10px 5px;
	text-align: center;
	color: #3366CC;
}

/* テーブルのレイアウト（２）-------------------------------*/
table.information_2 {
	width: 550px;
	border: 1px solid #B4B4B4;
	border-collapse: collapse;
	border-spacing: 2px;   /* セルの間隔をなくす */
	margin-left: 10px;
}
table.information_2 th {
	border: 1px solid #B4B4B4;
	padding: 5px;
	text-align: left;
	background: #F0FAFF;
}
table.information_2 td {
	border: 1px solid #B4B4B4;
	padding: 5px;
	text-align: left;
	line-height: 1.8;

}
table.information_2 th .caption {
	width: 76px;
             padding: 3px;
	background: #EAEFF2;
}

/* フッターナビ-----------------------------------------*/


#footer_navi {

	padding-left: 10px;

	border-top: 1px solid #E5E5E5;

	font-size: 100%;

	line-height: 1.2;

}
#footer_navi li {

	float: left;
	margin-right: 10px;

	padding: 8px 0;

}

#footer_navi li a {

	display: block;

	padding-left: 6px;

	background: url(../images/arrow_big.gif) left center no-repeat;

	text-decoration: none;

}

#copyright {

	clear: both;
 width: 726px; /* for WinIE6,7 */

	padding: 20px 17px;

        text-align: center;
	background: #F5F5F5;

	border-top: 1px solid #E5E5E5;

	font-size: 100%;

	line-height: 1;

}