@charset "utf-8";

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

	Copyright (c) MY REAL VISION All Rights Reserved.

	Last Updated: 2010/06/15

	[INDEX]
	1. Common Format: 共通設定
		1.1 reset
		1.2 global
		1.3 header
			1.3.1 leftBox
			1.3.2 rightBox
				1.3.2.1 headerNav
			1.3.3 globalNav
		1.4 contents
		1.5 footer
			1.5.1 topBox
			1.5.2 bannerBox
			1.5.3 bottomBox

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



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	1. Common Format

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ================================================================================

		1.1 reset

================================================================================ */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
	font-weight: normal;
}

hr, legend {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

img, abbr, acronym, fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

ol li {
	margin: 0 0 0.5em 1.9em;
	list-style-type: decimal;
}

p {
	margin-bottom: 1em;
}


/* ================================================================================

		1.2 global

================================================================================ */

body {
	text-align: center;
}

body, th, td {
	line-height: 1.4;
	color: #333;
	font-size: 12px;
	font-family: verdana, sans-serif;
}

div#wrapper {
	margin: 0 auto;
	width: 950px;
	text-align: left;
}

a {
	text-decoration: underline;
	color: #06c;
}

a:hover {
	color: #e60012;
}

.etcText {
	line-height: 2em;
}

/* ================================================================================

		1.3 header

================================================================================ */

div#header div.headerInner {
	display: inline-block;
	margin-bottom: 18px;
}
div#header div.headerInner { display: block;	/* for opera*/ }
div#header div.headerInner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* --------------------------------------------------------------------------------

			1.3.1 leftBox

-------------------------------------------------------------------------------- */

div#header div.leftBox {
	float: left;
	width: 480px;
}

div#header h1 {
	padding-top: 31px;
}


/* --------------------------------------------------------------------------------

			1.3.2 rightBox

-------------------------------------------------------------------------------- */

div#header div.rightBox {
	display: inline-block;
	float: right;
	width: 468px;
}
div#header div.rightBox { display: block;	/* for opera*/ }
div#header div.rightBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*
				1.3.2.1 headerNav
-------------------------------------------------------------------------------- */

div#header div.headerNavOuter ul#headerNav {
	display: inline-block;
	margin-bottom: 15px;
}
div#header div.headerNavOuter ul#headerNav { display: block;	/* for opera*/ }
div#header div.headerNavOuter ul#headerNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#header ul#headerNav {
	float: right;
}

div#header ul#headerNav li {
	float: left;
	margin-top: 0.8em;
	padding: 0 7px;
	border-left: 1px solid #ccc;
	line-height: 1.1;
	font-size: 10px;
}

div#header ul#headerNav li.first {
	border-left: none;
}

div#header ul#headerNav li.last {
	padding-right: 0;
}

div#header ul#headerNav li a {
	color: #666;
	text-decoration: none;
}

div#headerDisplay {
	
}


/* --------------------------------------------------------------------------------

			1.3.3 globalNav

-------------------------------------------------------------------------------- */

div#header ul#globalNav {
	display: inline-block;
}
div#header ul#globalNav { display: block;	/* for opera*/ }
div#header ul#globalNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#header ul#globalNav li {
	float: left;
}

div#header ul#globalNav li a {
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: -999em;
}

div#header ul#globalNav li.topics a {
	margin-right: 1px;
	background: url(../images/globalNav_topics.gif) no-repeat 0 0;
	width: 189px;
}
div#header ul#globalNav li.topics a:hover {
	background-position: 0 -30px;
}

div#header ul#globalNav li.skillup a {
	margin-right: 1px;
	background: url(../images/globalNav.gif) no-repeat -159px 0;
	width: 159px;
}
div#header ul#globalNav li.skillup a:hover {
	background-position: -159px -30px;
}

div#header ul#globalNav li.hinpyou a {
	margin-right: 1px;
	background: url(../images/globalNav.gif) no-repeat -319px 0;
	width: 157px;
}
div#header ul#globalNav li.hinpyou a:hover {
	background-position: -319px -30px;
}

div#header ul#globalNav li.blog a {
	margin-right: 1px;
	background: url(../images/globalNav_blog.gif) no-repeat 0 0;
	width: 189px;
}
div#header ul#globalNav li.blog a:hover {
	background-position: 0 -30px;
}

div#header ul#globalNav li.recommend a {
	margin-right: 1px;
	background: url(../images/globalNav.gif) no-repeat -635px 0;
	width: 157px;
}
div#header ul#globalNav li.recommend a:hover {
	background-position: -635px -30px;
}

div#header ul#globalNav li.hotereswedding a {
	margin-right: 1px;
	background: url(../images/globalNav_hotereswedding.gif) no-repeat 0 0;
	width: 189px;
}
div#header ul#globalNav li.hotereswedding a:hover {
	background-position: 0 -30px;
}

div#header ul#globalNav li.home a {
	margin-right: 1px;
	background: url(../images/globalNav_home.gif) no-repeat 0 0;
	width: 189px;
}
div#header ul#globalNav li.home a:hover {
	background-position: 0 -30px;
}

div#header ul#globalNav li.information a {
	margin-right: 1px;
	background: url(../images/globalNav_information.gif) no-repeat 0 0;
	width: 189px;
}
div#header ul#globalNav li.information a:hover {
	background-position: 0 -30px;
}


/*
div#header ul#globalNav li a span.tooltip {
	display: none;
}

div#header ul#globalNav li {
	position: relative;
}

div#header ul#globalNav li a:hover span.tooltip {
	display: block;
	position: absolute;
	top: 29px;
	left: 0px;
	width: 155px;
	height: 67px;
	text-indent: 0;
	overflow: hidden;
}
*/


/* ================================================================================

		1.4 contents

================================================================================ */

div#contents {
	padding: 10px 0 40px 0;
}



/* ================================================================================

		1.5 footer

================================================================================ */


/* --------------------------------------------------------------------------------

			1.5.1 topBox

-------------------------------------------------------------------------------- */

div#footer div.topBox {
	display: inline-block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 11px
}
div#footer div.topBox { display: block;	/* for opera*/ }
div#footer div.topBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#footer div.topBox ul#footer_globalNav {
	display: inline-block;
	float: left;
	width: 868px;
}
div#footer div.topBox ul#footer_globalNav { display: block;	/* for opera*/ }
div#footer div.topBox ul#footer_globalNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#footer div.topBox ul#footer_globalNav li {
	float: left;
	border-left: 1px solid #ccc;
	padding: 0 0.8em;
	line-height: 1.2;
}

div#footer div.topBox ul#footer_globalNav li.last {
	border-right: 1px solid #ccc;
}

div#footer div.topBox ul#footer_globalNav li a {
	color: #666;
}

div#footer div.topBox ul#footer_globalNav li a:hover {
	color: #e60012;
}

div#footer div.topBox div.pagetop {
	float: right;
	width: 82px;
}

div#footer div.topBox div.pagetop a {
	display: block;
	background: url(../images/pagetop.gif) no-repeat left top;
	width: 82px;
	height: 11px;
	overflow: hidden;
	text-indent: -999em;
}


/* --------------------------------------------------------------------------------

			1.5.2 bannerBox

-------------------------------------------------------------------------------- */

div#footer ul.bannerBox {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}
div#footer ul.bannerBox { display: block;	/* for opera*/ }
div#footer ul.bannerBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#footer ul.bannerBox li {
	float: left;
	margin-right: 5px;
	width: 125px;
}


/* --------------------------------------------------------------------------------

			1.5.3 bottomBox

-------------------------------------------------------------------------------- */

div#footer div.bottomBox {
	background: #999;
	padding: 15px 0;
	text-align: center;
}

div#footer div.bottomBox div.bottomBoxInner {
	display: inline-block;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
}
div#footer div.bottomBox div.bottomBoxInner { display: block;	/* for opera*/ }
div#footer div.bottomBox div.bottomBoxInner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#footer div.bottomBox div.bottomBoxInner ul#footerNav {
	display: inline-block;
	position: relative;
	left: 50%;
	float: left;
	margin: 0 auto;
	padding-bottom: 0.5em;
}
div#footer div.bottomBox div.bottomBoxInner ul#footerNav { display: block;	/* for opera*/ }
div#footer div.bottomBox div.bottomBoxInner ul#footerNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#footer div.bottomBox div.bottomBoxInner ul#footerNav li {
	position: relative;
	right: 50%;
	float: left;
	border-left: 1px solid #ccc;
	padding: 0 0.8em;
	line-height: 1.2;
}

div#footer div.bottomBox div.bottomBoxInner ul#footerNav li.last {
	border-right: 1px solid #ccc;
}

div#footer div.bottomBox div.bottomBoxInner ul#footerNav li a {
	color: #fff;
	text-decoration: none;
}

div#footer div.bottomBox div.bottomBoxInner ul#footerNav li a:hover {
	text-decoration: underline;
}