@charset "UTF-8";
/* ****************************************************************** 

	1. Style setting

		1. Style setting
		1-1. FontColor styles
		1-2. Headline styles
		1-3. Error styles
		1-4. Table styles
		1-5. Button styles
		1-6. Pager styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Breadcrumbs styles
		2-5. Main styles
		2-6. Side styles
		2-7. Footer styles

	3. Module setting
		3-1. ImgIcon styles
		3-2. NewIcon styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#404040; }
a:link, a:visited { color:#CD1225; }
a:hover, a:active {
	text-decoration:none;
}


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline {
	position:relative;
	margin-bottom:10px;
	padding:8px;
	background:#cd1225;
	color:#FFF;
	font-weight:bold;
	line-height:1;
}
.headline a { color:#FFF; }

.headlineSide {
	position:relative;
	margin-bottom:5px;
	padding:8px;
	background:#CD1225;
	color:#FFF;
	font-weight:bold;
	line-height:1;
	text-align: center;
}

.headlinePageTitle {
	font-size: 300%;
	color: #CD1225;
}


/* ------------------------------------------------------------------
	1-3. Error styles
-------------------------------------------------------------------*/
.error {
	margin:0 auto 10px;
	padding:8px 0;
	background-color:#FFD3C3;
}
.error li {
	padding-left:25px;
	background:#FFD3C3 url(../img/common/icon_error.gif) no-repeat 10px .35em;
	*background-position:10px .2em;
	color:#F00;
}
.error input,
.error textarea,
.error select { background-color: #FFD3C3; }


/* ------------------------------------------------------------------
	1-4. Table styles
-------------------------------------------------------------------*/

/* Sheet styles
-------------------------------------------------------------------*/
.sheet {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	empty-cells:show;
}
.sheet caption {
	padding:8px 5px;
	border-top:2px solid #06C;
	border-bottom:none;
	font-weight:bold;
	text-align:left;
}
.sheet thead th {
	width:auto;
	padding:8px;
	background-color: #CCC;
	background-image:none;
	font-weight:bold;
	line-height:1;
	text-align:left;
}
.sheet th, .sheet td {
	padding:20px 15px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.sheet th {
	width:30%;
	padding-left: 15px;
	background:#FFDACB;
	font-weight: bold;
	text-align:left;
}
.sheet input[type="text"],
.sheet input[type="password"],
.sheet textarea {
	width:80%;
	padding:5px;
	background:#F7F7F7;
	font-size:100%;
	font-weight:normal;
}
.sheet input[type="text"]:focus,
textarea:focus { background-color:#FFF; }
.sheet .caution {
	display:block;
	color:#C00;
	font-size:11px;
}


/* ------------------------------------------------------------------
	1-5. Button styles
-------------------------------------------------------------------*/
.button {
	display:block;
	-webkit-transition:background-color 0.15s ease-in-out;
	-moz-transition:background-color 0.15s ease-in-out;
	-o-transition:background-color 0.15s ease-in-out;
	transition:background-color 0.15s ease-in-out;
	width:178px;
	height:44px;
	margin-bottom:20px;
	border-radius:5px;
	font-weight:bold;
	line-height:1;
	text-align:center;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	behavior:url(../htc/PIE.php);
}
.button.black {
	border:1px solid #222;
	background:#333;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #333));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #555, #333);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #555, #333);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #555, #333);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #555, #333);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #555, #333);/* IE 10+ */
	color:#FFF;
	text-shadow:0 -1px 1px #000;
	behavior:url(../htc/PIE.php);
}
.button.black:hover { background:#555; }
.button.blue {
	border:1px solid #145072;
	background:#2567AB;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #4E89C5), color-stop(1, #2567AB));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #4E89C5, #2567AB);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #4E89C5, #2567AB);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #4E89C5, #2567AB);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #4E89C5, #2567AB);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #4E89C5, #2567AB);/* IE 10+ */
	color:#FFF;
	text-shadow:0 -1px 1px #145072;
	behavior:url(../htc/PIE.php);
}
.button.blue:hover { background:#4E89C5; }
.button.yellow {
	border:1px solid #F7C942;
	background:#FADB4E;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FCEDA7), color-stop(1, #FADB4E));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #FCEDA7, #FADB4E);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #FCEDA7, #FADB4E);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #FCEDA7, #FADB4E);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #FCEDA7, #FADB4E);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #FCEDA7, #FADB4E);/* IE 10+ */
	color:#111;
	text-shadow:0 1px 1px #FFF;
	behavior:url(../htc/PIE.php);
}
.button.yellow:hover { background:#FCEDA7; }
.button.gray {
	border:1px solid #CCC;
	background:#F5F5F5;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #E6E6E6));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #FFF, #E6E6E6);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #FFF, #E6E6E6);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #FFF, #E6E6E6);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #FFF, #E6E6E6);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #FFF, #E6E6E6);/* IE 10+ */
	color:#111;
	text-shadow:0 1px 1px #FFF;
	behavior:url(../htc/PIE.php);
}
.button.gray:hover { background:#FAFAFA; }


/* ------------------------------------------------------------------
	1-6. Pager styles
-------------------------------------------------------------------*/
.pager {
	margin:2em 0;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
}
.pager li { display:inline; }
.pager li a {
	padding:5px 8px;
	border:1px solid #DDD;
	text-decoration:none;
}
.pager li a:hover {
	border:1px solid #DBECFF;
	background: #DBECFF;
}
.pager li strong {
	border:1px solid #DDD;
	padding:5px 8px;
	background: #E7E7E7;
	color: #999;
	font-weight:bold;
}


/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
body {
	background:url(../img/common/bg_hd.gif) repeat-x left top;
}
#contents {
	position:relative;
	width:960px;
	margin:0 auto 20px;
}
#noScript {
	width:938px;
	margin:30px auto;
	padding:20px;
	border:1px solid #FF8282;
	background:#FFE0E6;
	font-weight:bold;
	text-align:center;
}


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	position: relative;
	background: url(../img/common/bg_header.jpg) no-repeat center top;
	height:296px;
	margin-bottom:10px;
}
.headerInner {
	position:relative;
	width:960px;
	padding-top: 35px;
	margin:0 auto;
}
.headerInner h1 {
	position: absolute;
	top: 120px;
	left: 310px;
}
.headerInner h1 img {
	padding-bottom: 20px;
}
.headerInner p {
	position: absolute;
	top: 50px;
	right: 0;
}
.langNavi {
	position: absolute;
	top: 0;
	right: 0;
}
.langNavi li {
	width: 98px;
	float: left;
	text-align: center;
	line-height: 35px;
	overflow: hidden;
}
.langNavi li a,
.langNavi li span {
	padding-left:23px;
	color: #fff;
}
.langNavi li.jp a,
.langNavi li.jp span {
	background:url(../img/common/icon_jp.gif) no-repeat 0 0.3em;
}
.langNavi li.eng a,
.langNavi li.eng span {
	background:url(../img/common/icon_eng.gif) no-repeat 0 0.3em;
}
body.jpSite .langNavi li.jp {
	background-color: #dbe000;
}
body.jpSite .langNavi li.jp a,
body.engSite .langNavi li.eng a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.headlineHeader {
	position: absolute;
	top: 10px;
	left: 0;
	width: 132px;
	color: #fff;
	font-weight: bold;
	font-size: 80%;
}
.worldSites {
	position: absolute;
	top: 10px;
	left: 132px;
}
.worldSites li {
	margin: 0 10px;
}
.worldSites li a {
	text-decoration: none;
}
.worldSites li a:hover {
	text-decoration: underline;
}
.worldSites li a.int {
	text-decoration: underline;
}


/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
nav {
	margin-top: -100px;
	background-color: #F3C5D2;
}
#navi {
	position:relative;
	margin:0 auto 8px;
	padding-bottom: 5px;
	background-color: #F3C5D2;
}
.headlineNav {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 80%;	
	text-align: center;
	overflow: hidden;
	line-height: 30px;
}
#navi li { 
	display: block;
	width: 186px;
	height: 55px;
	margin: 5px auto 0;
	background-color: #f39085;
}
#navi li a,
#navi li span {
	display:block;
	overflow:hidden;
	margin-top: 5px;
	padding-left: 28px;
	width: 158px;
	line-height:55px;
	text-decoration: none;
}
#navi li a {
	background: url(../img/common/img_linenavi.png) no-repeat 5% 50%;
	color: #fff;
}
#navi li span {
	background: url(../img/common/img_linenavi_comingsoon.png) no-repeat 5% 50%;
	color: #f6aca4;
}
#navi li.current a,
body#pageHome #navi li#naviHome a {
	background: #cd1225 url(../img/common/img_linenavi_active.png) no-repeat 5% 50%;
	color: #FFF;
	font-weight: bold;
}

.intEvents li {
	border: 1px solid #b3b3b3;
	margin-bottom: -1px;
}


/* ------------------------------------------------------------------
	2-4. Breadcrumbs styles
-------------------------------------------------------------------*/
.breadcrumbs {
	width:100%;
	margin:0 auto;
	padding:0px 0px 5px 0px;
	line-height:1;
}
.breadcrumbs li { display:inline; }
.breadcrumbs a:link,
.breadcrumbs a:visited {
	padding-right:10px;
	background:url(../img/common/icon_breadcrumbs.gif) no-repeat 100% 50%;
}


/* ------------------------------------------------------------------
	2-5. Main styles
-------------------------------------------------------------------*/
#main {
	float:right;
}
#main p { margin-bottom:18px; }
#main .section { margin-bottom:5px; }
#main .item { margin-bottom:30px; }
#main .inner {
	width:100%;
	margin-bottom:20px;
}
#main .section .box {
	padding:10px;
	border:1px solid #ccc;
}

.main_top {
	width:757px;
}
.leftBox{ width:440px;}

.main_contents {
	width:737px;
	margin-top: 15px;
}

/* ------------------------------------------------------------------
	2-6. Side styles
-------------------------------------------------------------------*/
.side {
	width:196px;
}
.side2 {
	width:297px;
}

/* ------------------------------------------------------------------
	2-7 Footer styles
-------------------------------------------------------------------*/

/*	PageTop styles
-------------------------------------------------------------------*/
#pageTop {
	position:relative;
	clear:both;
	width:980px;
	height:0;
	margin:0 auto;
}
#pageTop a {
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:106px;
	height:23px;
}

/*	Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
	background: url(../img/common/bg_footer.gif) repeat-x left top #FFF;
}
#footerInner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-top: 40px;
	background:url(../img/common/bg_ft.gif) no-repeat center top;
}
#footerInner ul {
	position: absolute;
	top: 40px;
	right: 0;
	width: 150px;
}
#footerInner li {
	float: left;
	padding-left: 10px;
}
#footerInner li a {
	display: block;
	width: 65px;
	height: 65px;
	text-align: center;
	line-height: 65px;
}


/*==================================================================
	3. Module setting
===================================================================*/

/* ------------------------------------------------------------------
	3-1. ImgIcon styles
-------------------------------------------------------------------*/
.li {
	padding-left:10px;
	background:url(../img/common/icon_linkarrow.gif) no-repeat 0 .35em;
}

/* ------------------------------------------------------------------
	3-2. NewIcon styles
-------------------------------------------------------------------*/
.iconNew {
	display: inline-block;
	width: 35px;
	height: 14px;
	background:url(../img/top/icon_new.gif) no-repeat 0 0;
}


#globalMenu{position:absolute;top:-100px; left:0px;}
.imgRight{ float:right; margin:0 0 0 20px;}

#main h2{ background:url(../img/contents/bg_h2.jpg) center top no-repeat; padding:10px; color:#FFF; margin:0 0 30px 0; font-size:123.1%;}
#main h3{ background:#ffd1c2; color:#c41225; padding:10px; font-size:123.1%; margin:0 0 20px 0;}
#main h4{ font-weight:bold; font-size:123.1%; margin:0 0 20px 0; line-height:130%;}
#main h5{ background:#b6272d; font-weight:bold; font-size:123.1%; margin:0 0 20px 0; color:#FFF; padding:5px;}
#main p{ line-height:140%;}
#main li{ line-height:140%;}

#aboutBox01,#aboutBox02,#aboutBox03,#aboutBox04,#aboutBox05{ margin:0 0 50px 0;}
#aboutBox01 h2{ width:410px;}
#aboutBox03 ul li{ border-bottom:#CCC 1px solid; padding:0 0 10px 0; margin:0 0 20px 0;}
#aboutBox03 .boxLeft{ width:444px; font-size:80%;}
#aboutBox03 .boxLeft img{ margin:0 0 10px 0;}
#aboutBox03 .boxRight{ width:278px;}
#aboutBox03 .boxRight img{ margin:0 0 50px 0;}

#aboutBox04 .boxLeft{ width:450px;}
#aboutBox04 .boxLeft img{ margin:0 0 30px 0;}
#aboutBox04 h5{ color:#333!important; background:none!important; padding:0!important; margin:0 0 5px 0!important;}
#aboutBox04 .boxRight{ width:256px;}
#aboutBox04 .boxRight img{ margin:0 0 5px 0;}

#aboutBox05 img{ margin:0 0 30px 100px;}
#aboutBox05 table{ width:100%;}
#aboutBox05 th,#aboutBox05 td{ padding:10px; border:1px solid #999;}
#aboutBox05 th{ background:#ffd1c2; font-weight:bold;}


.boxLeft{ float:left;}
.boxRight{ float:right;}

.menuBox{ background:url(../img/contents/bg_hasen.gif) bottom left repeat-x; padding:0 0 50px 0; margin:0 0 50px 0;}
.menuBox h5{ width:400px;}

#itemBox{ background:#fdf3e0; margin:0 0 10px 0; padding:10px;}
#itemBox h4{ float:left;}
#itemBox p{ float:right;}
#itemBox ul li{ float:left; width:178px; font-size:90%; text-align:center;}
#itemBox ul li img{ margin:0 0 5px 0;}
#spaceBox{ background:#fdf3e0; margin:0 0 10px 0; padding:10px;}
#spaceBox h4{ float:left;}
#spaceBox p{ float:right;}
#spaceBox ul li{ float:left; width:200px; font-size:90%; text-align:center;}
#spaceBox ul li img{ margin:0 0 5px 0;}
#youtube{ background:url(../img/contents/bg_hasen.gif) top left repeat-x; padding:50px 0 0 0; margin:50px 0 0 0;}
#youtube .boxLeft{ width:200px;}
#youtube .boxRight{ width:500px;}
#keynote{ margin:30px 0 0 0;}
#keynote ul li{ float:left; height:113px; margin:7px;}
#keynote h3{ margin:30px 0 30px 0;}
.kome{ font-size:80%;}
.pic {
	font-size: 90%;
	text-align: left;
	float: right;
}