@charset "utf-8";

/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */
* html{filter: expression(document.execCommand("BackgroundImageCache",false,true));}

/* body */
html,body{height:100%;}
body{
	margin:0;
	padding:0;
	line-height:1.5;
	color:#4D4D4D;
	background:url(../img_com/bg.jpg) no-repeat center top;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
}
body#en{
	line-height:1.8;
}


/* IE6用 */
* html body {
	font-size:75%;
}

/* IE7用 */
*:first-child+html body {
	font-size:75%;
}

/* タイトル */
h1,h2,h3,h4,h5,h6{
	margin:0;
	font-size:100%;
}

/* テーブル・ボックス */

/* イメージ */
img,
a img{border:0;}

/* フォーム */
form{
	margin:0;
	padding:0;
}

/* 段落 */
p{
	margin:0;
	padding:0;
}

.cs-txt{
	padding:40px 0 60px;
	color:#1e61ae;
	font-size:117%;
	text-align:center;
}


/* リンク */
a{color:#4D4D4D;}
a:hover{color:#F00;}

.text-end{
	margin:0 0 16px;
	color:#f00;
	font-size:117%;
	text-align:center;
}

/* --------------------------------------------------
	##wrapper
-------------------------------------------------- */
#wrapper{
	margin:0 auto;
	width:950px;
	text-align:left;
	position:relative;
}
#logo{
	position:absolute;
	top:27px;
	left:11px;
	z-index:4;
	width:170px;
	height:100px;
}
#logo-txt{
	position:absolute;
	top:145px;
	left:0;
	z-index:4;
}
#w-main:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#w-main{
	float:right;
	width:730px;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##header
-------------------------------------------------- */
#header{
	width:730px;
	height:50px;
	position:relative;
}
#lang-box:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#lang-box{
	margin:0;
	padding:0;
	position:absolute;
	top:18px;
	right:256px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#lang-box li{
	margin:0;
	padding:0 0 0 10px;
	line-height:18px;
	height:18px;
	list-style:none;
	float:left;
	white-space:nowrap;
}
#cse-box{
	margin:0;
	padding:0;
	width:230px;
	position:absolute;
	top:18px;
	right:0;
	text-align:right;
}
#cse-box input{vertical-align:top;}
.cse-tf{
	margin-right:4px;
	border:1px #a9a9a9 solid;
	width:170px;
	background-color:#efefef;
}
/* --------------------------------------------------
	##menu
-------------------------------------------------- */
#menu{
	margin:0 0 12px;
	width:730px;
	z-index:10;
}
#menu ul#menu-box:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#menu ul#menu-box{
	margin:0;
	padding:0;
	width:730px;
	height:30px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#menu li.m-menu{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	z-index:10;
}
#menu li.m-menu img{vertical-align:top;}
#menu li#m-menu1{width:124px;}
#menu li#m-menu2{width:122px;}
#menu li#m-menu3{width:122px;}
#menu li#m-menu4{width:129px;}
#menu li#m-menu5{width:124px;}
#menu li#m-menu6{width:109px;}
#menu li div{
	padding-top:3px;
	position:absolute;
	visibility: hidden;
}
#menu li div#m-menu1-1{
	top:27px;
	left:0;
	width:200px;
	background:transparent url(../img_com/menu1_2.gif) no-repeat left top;
}
#menu li div#m-menu2-1{
	top:27px;
	left:0;
	width:170px;
	background:transparent url(../img_com/menu2_2.gif) no-repeat left top;
}
#menu li div#m-menu3-1{
	top:27px;
	left:0;
	width:168px;
	background:transparent url(../img_com/menu3_2.gif) no-repeat left top;
}
#menu li div#m-menu4-1{
	top:27px;
	left:0;
	width:168px;
	background:transparent url(../img_com/menu4_2.gif) no-repeat left top;
}
#menu li div#m-menu5-1{
	top:27px;
	left:0;
	width:162px;
	background:transparent url(../img_com/menu5_2.gif) no-repeat left top;
}
#menu li div#m-menu6-1{
	top:27px;
	right:0;
	width:148px;
	background:transparent url(../img_com/menu6_2.gif) no-repeat right top;
}
#menu li div ul{
	margin:0;
	padding:5px 0;
	width:100%;
	background:url(../img_com/menu1_1.png) left top;
}
#menu li ul li{
	margin:0 5px;
	padding:4px 0;
	list-style:none;
	color:#fff;
}
#menu li ul li a{
	display:block;
	padding:0 0 0 11px;
	height:1%;
	color:#fff;
	background:url(../img_com/bg_menu_icon.gif) repeat-y -60px 0;
	text-decoration:none;
}
#menu li ul li a:hover{
	color:#bae0e7;
	background:url(../img_com/bg_menu_icon.gif) repeat-y left top;
	text-decoration:none;
}
#menu li.line{
	border-bottom:1px #545571 solid;
}

/* --------------------------------------------------
	##main-image
-------------------------------------------------- */
#main-image{
	margin:0 0 30px;
	width:730px;
}
#main-image-top{
	margin:0 0 15px;
	width:730px;
}

/* --------------------------------------------------
	##main
-------------------------------------------------- */
#main{
	z-index:1;
	clear:both;
	width:730px;
}

#contents:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#contents{
	width:730px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#c-title1{
	margin:0 0 10px;
	color:#0f57a1;
	font-size:167%;
}
#en #c-title1{
	font-family:'Times New Roman';
}
#c-title1 span{
	color:#4d4d4d;
	font-weight:normal;
	font-size:60%;
}
#c-txt1{
	margin:0 0 30px;
}


/* --------------------------------------------------
	##side
-------------------------------------------------- */
#side{
	margin-top:178px;
	margin-bottom:30px;
	float:left;
	width:200px;
}
#side h2{
	margin:0 0 10px;
	padding:0 0 1px 1px;
	border-bottom:2px #d6d6d6 solid;
}

/* calendar */
#s-schedule-box{
	margin-bottom:15px;
	display:none;
}
#s-schedule-box1{
	margin:0 0 2px;
	border-collapse:collapse;
	border:0;
	width:200px;
}
#s-schedule-box1 td{padding:0;}
#ssb1-1{
	color:#4d4d4d;
	font-family:Arial;
}
#ssb1-1 a{color:#4d4d4d;}
#ssb1-1 a:hover{color:#f00;}
.ssb1-2{
	width:19px;
	text-align:right;
}
#s-schedule-box2{
	border-collapse:collapse;
	border:0;
	width:196px;
}
#s-schedule-box2 td{
	padding:2px 0;
	width:28px;
	font-size:84%;
	text-align:center;
	line-height:24px;
}
#s-schedule-box2 td a{
	margin:0 2px;
	border:1px #b6d4e5 solid;
	display:block;
	height:24px;
	background-color:#dcebf3;
	text-decoration:none;
}
#s-schedule-box2 td a:hover{
	color:#f00;
	text-decoration:none;
}
#s-schedule-box2 td.sat{color:#006bb3;}
#s-schedule-box2 td.sat a{
	color:#006bb3;
	text-decoration:none;
}
#s-schedule-box2 td.sat a:hover{
	color:#f00;
	text-decoration:none;
}
#s-schedule-box2 td.sun{color:#c51e22;}
#s-schedule-box2 td.sun a{
	color:#c51e22;
	text-decoration:none;
}
#s-schedule-box2 td.sun a:hover{
	color:#f00;
	text-decoration:none;
}
#tenki-box1{
	margin:0;
	border-collapse:collapse;
	border:0;
	width:120px;
}
#tenki-box1 td{
	padding:0;
	font-size:84%;
}
#tenki-box1 td span{
	font-size:140%;
	font-weight:bold;
}
#tenki-box2{
	margin:0;
	border-collapse:collapse;
	border:0;
	width:394px;
}
#tenki-box2 td{
	padding:0 0 6px;
	width:63px;
	font-size:84%;
	text-align:center;
}
#tenki-box2 td .ht{color:#ff2960;}
#tenki-box2 td .lt{color:#1922fb;}
#s-pr-box{
	margin:0 0 10px;
	width:200px;
}
#s-pr-box h3{
	font-size:84%;
	font-family:Arial;
	font-weight:bold;
}
.s-pr{
	padding-bottom:6px;
	width:200px;
}
.s-pr a{color:#1057a3;}
.s-pr a:hover{color:#f00;}
.s-pr div{
	padding-bottom:6px;
}
#s-sponsor-box{
	margin:0 0 18px;
	border-top:1px #e0e0e0 solid;
	border-bottom:1px #e0e0e0 solid;
	padding:10px 0;
}
#s-sponsor-box img{
	margin:4px 0;
	vertical-align:middle;
}
#s-sp-box a{color:#3a5d8a;}
#s-sp-box a:hover{color:#f00;}
.s-txt1{
	color:#383838;
	font-size:84%;
}
#f-box{
	clear:both;
	float:none;
	width:950px;
	height:84px;
}
#m-sponsor-box{
	margin:0 0 0 275px;
	padding-top:20px;
	width:540px;
	z-index:2;
}
#m-sponsor-box h3{
	margin:0 0 5px;
	font-size:84%;
	font-family:Arial;
	font-weight:normal;
}
.msb1{
	margin:0 0 0 67px;
}
#sgp-box{
	margin:0 0 10px;
	padding:0;
}
#sgp-box li{
	margin:0;
	padding:0 0 5px;
	list-style:none;
}
#sgp-box li img{vertical-align:top;}
.s-bnr1{
	margin:0 0 15px 0;
}
.s-btn-title{
	margin:0 0 15px 0;
}
.s-bnr-list{
	margin:0;
	padding:0;
}
.s-bnr-list li{
	margin:0;
	padding:0 0 16px;
	list-style:none;
	color:#383838;
	font-size:84%;
}
.s-bnr-list li#bnr-podcast{
	color:#808080;
	text-align:center;
}
.s-bnr-list li#link{ text-indent:12px; font-size:1.5en; line-height:1.2en; padding:4px; color:#808080; background:url(../jp/info/link/img/icon1.gif) no-repeat 0px 5px; }
.s-bnr-list li img{vertical-align:top;}
#bnr-online-shop a{
	display:block;
	width:200px;
	height:143px;
	background:url(../img_com/bnr_online_shop_over.jpg) no-repeat left top;
}
#bnr-online-shop a:hover{background-color:#FFF;}
#bnr-online-shop a:hover img{visibility:hidden;}
#bnr-mailmag a{
	display:block;
	width:200px;
	height:58px;
	background:url(../img_com/bnr_mailmag_over.jpg) no-repeat left top;
}
#bnr-mailmag a:hover{background-color:#FFF;}
#bnr-mailmag a:hover img{visibility:hidden;}
#bnr-podcast a{
	display:block;
	width:200px;
	height:66px;
	background:url(../img_com/bnr_podcast_over.jpg) no-repeat left top;
}
#bnr-podcast a:hover{background-color:#FFF;}
#bnr-podcast a:hover img{visibility:hidden;}
#bnr-pmfc a{
	display:block;
	width:200px;
	height:195px;
	background:url(../img_com/bnr_pmfc_over.jpg) no-repeat left top;
}
#bnr-pmfc a:hover{background-color:#FFF;}
#bnr-pmfc a:hover img{visibility:hidden;}



/* --------------------------------------------------
	##page-top
-------------------------------------------------- */
.clear{
	margin:0;
	padding:0;
	height:0;
	font-size:0;
	visibility:hidden;
	clear:both;
}
#page-top{
	margin:-14px 0 0 850px;
	z-index:1;
	width:100px;
	background:url(../img_com/page_top.gif) no-repeat right center;
	text-align:right;
}
#page-top a{
	color:#4d4d4d;
	padding:0 16px 0 0;
}
#page-top a:hover{color:#f00;}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer{
	padding:10px 0 25px;
	background:url(../img_com/f_line.jpg) repeat-x left top;
}
#f-inner{
	position:relative;
	width:950px;
	height:40px;
}
#f-logo{
	position:absolute;
	top:0;
	left:0;
}
#copyright{
	position:absolute;
	top:0;
	left:60px;
	width:400px;
	color:#666;
}
#copyright span{font-size:84%;}
#copy-txt{
	position:absolute;
	top:0;
	right:0;
	width:440px;
	color:#666;
	font-size:83%;
	text-align:right;
}