@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体
 * ---------------------------------------------------------------- */

/* 背景設定 */
body { background-image: url(../image/bg.gif); background-repeat: repeat-x; background-position: top; }
.bg-header { background-image: url(../image/bg-header.png); background-repeat: no-repeat; background-position: center top; }
.bg-contents { background-image: url(../image/bg-contents.png); background-repeat: repeat-y; background-position: center; }

/* 全体コンテナ */
#container {
	width: 819px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分
 * ---------------------------------------------------------------- */
#header {
	height: 60px;
	width: 819px;
	background-image: url(../image/header.png);
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

#header .title { padding-top: 10px; padding-left: 20px; float: left; }
#header .author { float: right; padding-top: 10px; padding-right: 20px; }

/* メインメニュレイアウト */
#main-menu {
	height: 45px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8892A1;
	width: 819px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1CBD9;
}

#main-menu #navi { margin: 0; padding: 0; }
#main-menu #navi li { display: inline; }
#main-menu #navi li a { float: left; width: 117px; height: 0; padding-top: 45px; overflow: hidden; }
#main-menu #navi li a,
#main-menu #navi { background-image: url(../menu/main-menu.png); background-repeat: no-repeat; }

/* メニュボタン */
#main-menu #navi li#mm-aurora a { background-position: 0 0; }
#main-menu #navi li#mm-ikimono a { background-position: -117px 0; }
#main-menu #navi li#mm-kaihyo a { background-position: -234px 0; }
#main-menu #navi li#mm-hyosyo a { background-position: -351px 0; }
#main-menu #navi li#mm-inseki a { background-position: -468px 0; }
#main-menu #navi li#mm-kansoku a { background-position: -585px 0; }
#main-menu #navi li#mm-shirase a { background-position: -702px 0; }

/* ロールオーバ */
#main-menu #navi li#mm-aurora a:hover { background-position: 0 -50px; }
#main-menu #navi li#mm-ikimono a:hover { background-position: -117px -50px; }
#main-menu #navi li#mm-kaihyo a:hover { background-position: -234px -50px; }
#main-menu #navi li#mm-hyosyo a:hover { background-position: -351px -50px; }
#main-menu #navi li#mm-inseki a:hover { background-position: -468px -50px; }
#main-menu #navi li#mm-kansoku a:hover { background-position: -585px -50px; }
#main-menu #navi li#mm-shirase a:hover { background-position: -702px -50px; }

/* 現在ページ */
#main-menu.aurora #navi li#mm-aurora a { background-position: 0 -100px; }
#main-menu.ikimono #navi li#mm-ikimono a { background-position: -117px -100px; }
#main-menu.kaihyo #navi li#mm-kaihyo a { background-position: -234px -100px; }
#main-menu.hyosyo #navi li#mm-hyosyo a { background-position: -351px -100px; }
#main-menu.inseki #navi li#mm-inseki a { background-position: -468px -100px; }
#main-menu.kansoku #navi li#mm-kansoku a { background-position: -585px -100px; }
#main-menu.shirase #navi li#mm-shirase a { background-position: -702px -100px; }


#title-area {
	height: 50px;
	background-image: url(../image/bg-title.gif);
	padding-right: 20px;
	padding-left: 20px;
}

#title-area .title {
	float: left;
	margin-top: 15px;
}

/* HOME */
#home {float: right; padding: 0; margin-top: 16px; height: 20px; width: 55px; }
#home a { width: 55px; height: 0; padding-top: 20px; overflow: hidden; display: block; background-image: url(../menu/home.png); background-repeat: no-repeat; }
#home a:hover { background-position: -60px 0; }

/* サブメニュ */

#submenu {
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 29px;
	margin-bottom: 20px;
	clear: both;
	text-align: left;
}
#submenu #menu {
	height: 20px;
	margin: 0;
	padding: 0;
}
#submenu #menu li { display: inline; }
#submenu #menu li a { float: left; margin-right: 10px; }

/* 分割ページナビ */
#pagenavi { height: 20px; position: relative; display: inline; float: right; }
#pagenavi #navi { padding: 0; margin: 0; }
#pagenavi #navi li { display: inline; }
#pagenavi #navi li a { float: left; width: 20px; height: 0; padding-top: 20px; overflow: hidden; margin-left: 10px; }
#pagenavi #navi li a,
#pagenavi #navi { background-image: url(../menu/pagenavi.png); background-repeat: no-repeat; }

#pagenavi #navi li#p01 a {  margin-left: 0px; background-position: 0 0; }
#pagenavi #navi li#p02 a { background-position: -25px 0; }
#pagenavi #navi li#p03 a { background-position: -50px 0; }
#pagenavi #navi li#p04 a { background-position: -75px 0; }
#pagenavi #navi li#p05 a { background-position: -100px 0; }
#pagenavi #navi li#p06 a { background-position: -125px 0; }
#pagenavi #navi li#p07 a { background-position: -150px 0; }

#pagenavi #navi li#p01 a:hover { background-position: 0 -25px; }
#pagenavi #navi li#p02 a:hover { background-position: -25px -25px; }
#pagenavi #navi li#p03 a:hover { background-position: -50px -25px; }
#pagenavi #navi li#p04 a:hover { background-position: -75px -25px; }
#pagenavi #navi li#p05 a:hover { background-position: -100px -25px; }
#pagenavi #navi li#p06 a:hover { background-position: -125px -25px; }
#pagenavi #navi li#p07 a:hover { background-position: -150px -25px; }

#pagenavi.a01 #navi li#p01 a { background-position: 0 -50px; }
#pagenavi.a02 #navi li#p02 a { background-position: -25px -50px; }
#pagenavi.a03 #navi li#p03 a { background-position: -50px -50px; }
#pagenavi.a04 #navi li#p04 a { background-position: -75px -50px; }
#pagenavi.a05 #navi li#p05 a { background-position: -100px -50px; }
#pagenavi.a06 #navi li#p06 a { background-position: -125px -50px; }
#pagenavi.a07 #navi li#p07 a { background-position: -150px -50px; }


#footer-ctrl {
	height: 20px;
	margin-bottom: 20px;
	clear: both;
	text-align: left;
	padding-top: 20px;
}

#back { height: 20px; position: relative; display: inline; float: right; }
#back #navi {
	padding: 0;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
#back #navi li { display: inline; }
#back #navi li a { float: left; width: 90px; height: 0; padding-top: 20px; overflow: hidden;  }
#back #navi li a,
#back #navi { background-image: url(../menu/page-pre.gif); background-repeat: no-repeat; }
#back #navi li a { background-position: 0 0; }
#back #navi li a:hover { background-position: 0 -25px; }

#next { height: 20px; position: relative; display: inline; float: right; }
#next #navi { padding: 0; margin: 0; }
#next #navi li { display: inline; }
#next #navi li a { float: left; width: 90px; height: 0; padding-top: 20px; overflow: hidden; margin-left: 10px; }
#next #navi li a,
#next #navi { background-image: url(../menu/page-next.gif); background-repeat: no-repeat; }
#next #navi li a:hover { background-position: 0 -25px; }



/* トップメニュレイアウト */
#top-menu {
	font-size: 1px;
	line-height: 1em;
	height: 227px;
	width: 819px;
	position: relative;
}

#top-menu #navi { margin: 0; padding: 0; }
#top-menu #navi li { display: inline; }
#top-menu #navi li a { float: left; width: 117px; height: 0; padding-top: 227px; overflow: hidden; }
#top-menu #navi li a,
#top-menu #navi { background-image: url(../menu/top-menu.png); background-repeat: no-repeat; }

/* メニュボタン */
#top-menu #navi li#mm-aurora a { background-position: 0 0; }
#top-menu #navi li#mm-ikimono a { background-position: -117px 0; }
#top-menu #navi li#mm-kaihyo a { background-position: -234px 0; }
#top-menu #navi li#mm-hyosyo a { background-position: -351px 0; }
#top-menu #navi li#mm-inseki a { background-position: -468px 0; }
#top-menu #navi li#mm-kansoku a { background-position: -585px 0; }
#top-menu #navi li#mm-shirase a { background-position: -702px 0; }

/* ロールオーバ */
#top-menu #navi li#mm-aurora a:hover { background-position: 0 -230px; }
#top-menu #navi li#mm-ikimono a:hover { background-position: -117px -230px; }
#top-menu #navi li#mm-kaihyo a:hover { background-position: -234px -230px; }
#top-menu #navi li#mm-hyosyo a:hover { background-position: -351px -230px; }
#top-menu #navi li#mm-inseki a:hover { background-position: -468px -230px; }
#top-menu #navi li#mm-kansoku a:hover { background-position: -585px -230px; }
#top-menu #navi li#mm-shirase a:hover { background-position: -702px -230px; }


/* ---------------------------------------------------------------- *
	コンテンツコンテナ
 * ---------------------------------------------------------------- */
#top-contents {
	text-align: left;
	font-size: 105%;
	background-image: url(../image/top-image.jpg);
	background-repeat: no-repeat;
	height: 369px;
}

#contents {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 30px;
	clear: both;
	font-size: 105%;
	margin-right: 29px;
	background-color: #FFFFFF;
}

#contents .img-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 5px;
}

#contents .img-left {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
	margin-top: 5px;
}

#contents .footer-navi {
	width: 100%;
	text-align: right;
	font-size: 90%;
	margin-top: 15px;
	clear: both;
}

#c-submenu ul {
	margin: 0;
	padding: 0;
}

#c-submenu li {
	text-indent:22px;
	line-height: 13px;
	margin-bottom: 13px;
}

#c-submenu li a {
	display: block;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background-image: url(../image/submenu-bg.gif);
	background-repeat: no-repeat;
	background-color: #EDEAED;
	height: 13px;
	padding-top: 7px;
	padding-bottom: 5px;
}

#c-submenu li#active a {
	color: #ffffff;
	background-image: url(../image/submenu-bg-s.gif);
	background-color: #F83535;
}

#c-submenu a:hover {
	color: #ffffff;
	background-image: url(../image/submenu-bg-s.gif);
	background-color: #F83535;
}

#p-change ul {
	margin: 0;
	padding: 0;
}

#p-change li {
	text-indent:5px;
	line-height: 13px;
	margin-bottom: 13px;
}

#p-change li a {
	display: block;
	color: #333333;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background-image: url(../image/pict-bg.gif);
	background-repeat: no-repeat;
	background-color: #EDEAED;
	height: 13px;
	padding-top: 7px;
	padding-bottom: 5px;
	background-position: right top;
}

#p-change a:hover {
	background-image: url(../image/pict-bg-s.gif);
	color: #ffffff;
	text-decoration: none;
	background-color: #F83535;
}

/* Note：バグ回避 
[id="sidenavi"]#sidenavi {
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  margin-top: 0;
}


/* ---------------------------------------------------------------- *
	フッタ部分
 * ---------------------------------------------------------------- */

/* メインメニュレイアウト */
#footer-menu {
	font-size: 1px;
	line-height: 1em;
	height: 180px;
	width: 819px;
	position: relative;
}

#footer-menu #navi { margin: 0; padding: 0; }
#footer-menu #navi li { display: inline; }
#footer-menu #navi li a { float: left; width: 117px; height: 0; padding-top: 180px; overflow: hidden; }
#footer-menu #navi li a,
#footer-menu #navi { background-image: url(../menu/footer-menu.png); background-repeat: no-repeat; }

/* メニュボタン */
#footer-menu #navi li#mm-aurora a { background-position: 0 0; }
#footer-menu #navi li#mm-ikimono a { background-position: -117px 0; }
#footer-menu #navi li#mm-kaihyo a { background-position: -234px 0; }
#footer-menu #navi li#mm-hyosyo a { background-position: -351px 0; }
#footer-menu #navi li#mm-inseki a { background-position: -468px 0; }
#footer-menu #navi li#mm-kansoku a { background-position: -585px 0; }
#footer-menu #navi li#mm-shirase a { background-position: -702px 0; }

/* ロールオーバ */
#footer-menu #navi li#mm-aurora a:hover { background-position: 0 -190px; }
#footer-menu #navi li#mm-ikimono a:hover { background-position: -117px -190px; }
#footer-menu #navi li#mm-kaihyo a:hover { background-position: -234px -190px; }
#footer-menu #navi li#mm-hyosyo a:hover { background-position: -351px -190px; }
#footer-menu #navi li#mm-inseki a:hover { background-position: -468px -190px; }
#footer-menu #navi li#mm-kansoku a:hover { background-position: -585px -190px; }
#footer-menu #navi li#mm-shirase a:hover { background-position: -702px -190px; }


#footer {
	background-image: url(../image/bg-footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 60px;
	width: 819px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#footer .line1 {
	font-size: 85%;
	line-height: 1em;
	color: #FFFFFF;
	height: 34px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#footer .copy {float: left; }
#footer .link {float: right; }
#footer .link a {color: #FFFFFF; }
#footer .link a:hover {color: #FFFFFF; text-decoration: none; }

#footer .line2 {
	padding-right: 15px;
	padding-left: 15px;
	font-size: 85%;
	line-height: 1em;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
	text-align: left;
	clear: both;
}


/* ---------------------------------------------------------------- *
	コンテンツ　コラム設定
 * ---------------------------------------------------------------- */


.c3-240l {
	width: 240px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c3-240r {
	width: 240px;
	float: right;
	position: relative;
}

.c2-500l {
	width: 500px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c2-500r {
	width: 240px;
	float: left;
	position: relative;
}

.c2-240l {
	width: 240px;
	float: left;
	margin-right: 20px;
	position: relative;
}
.c2-240r {
	width: 240px;
	float: left;
	position: relative;
}

.c4-175l {
	width: 175px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c4-175r {
	width: 175px;
	float: left;
	position: relative;
}

.c2-370l {
	width: 370px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c2-370r {
	width: 370px;
	float: left;
	position: relative;
}

.c2-175l {
	width: 175px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c2-175r {
	width: 565px;
	float: left;
	position: relative;
}

.c2-565l {
	width: 565px;
	float: left;
	position: relative;
}

.c2-565r {
	width: 175px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c2-390l {
	width: 390px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c2-390r {
	width: 350px;
	float: left;
	position: relative;
}

.c2g-240l {
	width: 230px;
	float: left;
	margin-right: 20px;
	position: relative;
	background-color: #efefef;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.c2g-240r {
	width: 230px;
	float: left;
	position: relative;
	background-color: #efefef;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

.c2g-370l {
	width: 370px;
	float: left;
	margin-right: 20px;
	position: relative;
	background-color: #efefef;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.c2g-370r {
	width: 370px;
	float: left;
	position: relative;
	background-color: #efefef;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.c3-520l {
	width: 500px;
	float: left;
	position: relative;
	margin-right: 20px;
}

.c3-520c {
	width: 110px;
	float: left;
	position: relative;
	margin-right: 20px;
}
.c3-520r {
	width: 110px;
	float: right;
	position: relative;
}

.c2-420l {
	width: 420px;
	float: left;
	position: relative;
	margin-right: 20px;
}

.c2-420r {
	width: 320px;
	float: right;
	position: relative;
}


/* ビデオ3コラム　*/
.video {
	font-size: 90%;
	background-color: #E2EAF3;
	line-height: 1em;
}