@charset "utf-8";

/*________________________________________________

	name:			common.css
	create Date:	2011-04-26
	lastmodified:	****-**-**
________________________________________________*/


@import url(reset.css);
@import url(colors.css);

/* Base Styles ===================================
 * (classes defined in the Markup Guide)
================================================*/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* ColorScheme====================================
	MainColor	=>	#999999
	SubColor	=>	#6DA50A
	TextColor	=>	#ffffff
	Background	=>	#000000
================================================*/

/*--------------------------------------------------------------
link
--------------------------------------------------------------*/
a {
	color: #CC3335;/*赤*/
	text-decoration: underline;
}
a:hover {
	color: #F60;/*オレンジ*/
	text-decoration: underline;
}

/*--------------------------------------------------------------
imghack
--------------------------------------------------------------*/
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}

/*--------------------------------------------------------------
body
--------------------------------------------------------------*/
body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 auto 0 auto;
	/*color: #ffffff;*/
	font-size: 0.8em;
	text-align: center;
	line-height: 130%;
	background-color: #E6E6E6;
}

/*--------------------------------------------------------------
header
--------------------------------------------------------------*/
#header {
	width: 900px;
	text-align: left;
	background-image: url(../img/common/header.jpg);
	background-repeat: repeat-x;
	height: 90px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}
/* clearfix */
#header {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#header:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #header {
	height: 1%;
}
#header {
	display: block;
}
/* End hide from IE-mac */
#header .left, 
#header .right {
	padding-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}
.language {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}
.language li{
	display: inline;
	float: left;
	margin-left: 5px;
}
.btn_home {
	display: block;
	clear: both;
	padding-top: 5px;
	text-align: right;
}

/*--------------------------------------------------------------
mainNav
--------------------------------------------------------------*/
#mainNav {
	display: block;
	clear: both;
	width: 850px;
	margin-bottom: 5px;
	padding: 7px 0 0 0;
}
#mainNav ul {
	padding: 0 10px 7px 10px;
}
/* clearfix */
#mainNav ul {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#mainNav ul:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #mainNav ul {
	height: 1%;
}
#mainNav ul {
	display: block;
}
/* End hide from IE-mac */
#mainNav li {
	display: inline;
	float: left;
	margin: 0;
}

/*--------------------------------------------------------------
#footer	フッター部分（全ページ共通）
--------------------------------------------------------------*/
#footer {
	display: block;
	clear: both;
	width: 850px;
	margin: 20px auto 0;
	padding: 0 0 10px 0;
	text-align: left;
}
#footer a {
	color: #666;
}
#footer p {
	color: #666;
	display: block;
	clear: both;
	padding: 0 10px;
}

/*--------------------------------------------------------------
ページ全体（ページ共通）
--------------------------------------------------------------*/
#container {
	display: block;
	clear: both;
	width: 860px;
	height: auto;
	margin: 0 auto;
	padding: 5px 20px 0 20px;
	text-align: left;
	background-color: #FFF;
}
/* clearfix */
#container {
	display: inline-block;
	display: block;
	zoom: 100%;
}
#container:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #container {
	height: 1%;
}
#container {
	display: block;
}
/* End hide from IE-mac */
/* hissu　必須文字・赤色文字 */
.hissu {
	color: #cc3300;
}
/* error　必須文字・赤色文字 */
.error {
	color: #cc3300;
}
/* レイアウト */
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* roundcorner */
.roundcorner {
	display: block;
	clear: both;
	margin: 5px 0;
	padding-top: 10px;
	background: url(../img/common/text_header.gif) left top no-repeat;
}
.roundcornerinner {
	padding-bottom: 10px;
	background: url(../img/common/text_footer.gif) left bottom no-repeat;
}
.roundcornerinner p {
	padding-left: 9px;
	padding-right: 9px;
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
}
/* pagetop */
.pagetop {
	display: block;
	clear: both;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
}
.pagetop img{
	padding-left: 720px;
}
.pagetop a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* circle */
ul.circle li {
	display: block;
	clear: both;
	padding: 3px 0 3px 1em;
	background: url(../img/common/circle.jpg) 0.3em 0.7em no-repeat;
}


/*--------------------------------------------------------------
.menu　メニュー部分
--------------------------------------------------------------*/
.menu {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}
/* clearfix */
.menu {
	display: inline-block;
	display: block;
	zoom: 100%;
}
.menu:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html .menu {
	height: 1%;
}
.menu {
	display: block;
}
/* End hide from IE-mac */
.menu li {
	_display: inline;
	float: left;
	margin-right: 40px;
}
.menu li.lastChild {
	_display: inline;
	float: left;
	margin-right: 0;
}
.menu li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/*--------------------------------------------------------------
タイトル
--------------------------------------------------------------*/
h1 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 10px;
}
h2 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0 5px 0;
	padding: 0;
}

/*--------------------------------------------------------------
#breadcrumbs　パンくず
--------------------------------------------------------------*/
#breadcrumbs {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	color: #6B3906;
}
/* clearfix */
#breadcrumbs {
	display: inline-block;
	display: block;
	zoom: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}
#breadcrumbs:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html #breadcrumbs {
	height: 1%;
}
#breadcrumbs {
	display: block;
}
/* End hide from IE-mac */
#breadcrumbs li {
	display: inline;
	float: left;
	width: auto;
	height: auto;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
}
#breadcrumbs li img {
	line-height: 2em;
}
#breadcrumbs a {
	color: #F20606;/*赤*/
}
#breadcrumbs a:hover {
	color: #F60;/*オレンジ*/
	text-decoration: underline;
}

/*--------------------------------------------------------------
.btn　ボタン類のスタイル
--------------------------------------------------------------*/
.btnCenter {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center!important;
}
.btnLeft {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left!important;
}
.btnRight {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right!important;
}
.btnCenter input, .btnCenter a, .btnLeft input, .btnRight input {
	margin-left: 10px;
	margin-right: 10px;
	border: none!important;
	cursor: pointer;
}
.btnCenter a:hover img, .btnLeft a:hover img, .btnRight a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*--------------------------------------------------------------
clearfix
--------------------------------------------------------------*/
.main, #breadcrumbs, #container, .contents {
	display: inline-block;
	display: block;
	zoom: 100%;
}
.main:after, #breadcrumbs:after, #container:after, .contents:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html .main, * html #breadcrumbs, * html #container, * html .contents {
	height: 1%;
}
.main, #breadcrumbs, #container, .contents {
	display: block;
}
/* End hide from IE-mac */