@charset "utf-8";

/* import css files
------------------------------------------------------------------------------------- */
@import "common_header.css";
@import "common_footer.css";

/* 共通
------------------------------------------------------------------------- */
html,body {
	background: url(../img_common/back.jpg) repeat-x #F7F7F7;
	display:block;
	margin:0px;
	padding:0px;
	border:none;
	font-family:Arial, Helvetica,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
}


img{
	border:0px;
}
p{
	line-height: 1.5em;
	margin-top: 0px;
	padding-top: 0px;
	font-size: small;
}

#main ul,#main li,#main dl,#main dt,#main dd {
	line-height: 1.5em;
}


/* レイアウト
------------------------------------------------------------------------- */
#layout{
	width:750px;
	margin:0px auto;
}

/* コンテンツ
------------------------------------------------------------------------- */
#contents{
	width:748px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	background-color: #FFFFFF;
}

/* サイド
------------------------------------------------------------------------- */
.side10{
	background:url(../img_common/bk_contents10.gif) repeat-y #FFFFFF;
}

.side150{
	background:url(../img_common/bk_contents150.gif) repeat-y #FFFFFF;
}

#contents #side{
	float:left;
	width:150px;
	padding-top: 30px;
	padding-bottom: 20px;
}


/* メイン
------------------------------------------------------------------------- */
#contents #main{
	float:right;
	padding:12px 29px 50px 12px;
}
#contents.side150 #main{
	padding-left:9px !important;
	padding-right:9px !important;
	width:580px;
}
#contents.side10 #main{
	padding-left:39px !important;
}
#contents #main #pan{
	font-size:12px;
	margin:12px 0px;
}

/* 共通
------------------------------------------------------------------------- */

#contents #main h2 {
	margin:10px 0 10px 0;
	padding:0 0 3px 0;
	border-bottom-width: 1px;
	border-bottom: solid #999999 1px;
}


#contents #main h3 {
	background: url(../img_common/m_002.gif) #E3E0DB no-repeat center left;
	font-size: small;
	padding: 2px 2px 2px 18px;
	text-align: left;
}

#contents #main #en-news h3 {
	background:url(../../en/news/img/common/h3_background.gif) repeat!important;
	color:#FFFFFF;
	font:"Times New Roman", Times, serif;
	font-size:14px;
	padding:3px 5px;
}
#contents #main h4{
	border-bottom: solid 1px #8C2929;
	background: url(../img_common/m_001.gif) no-repeat center left;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 10px 0px;
	font-size: small;
	text-align: left;
}
#contents #en-news h4{
	padding: 0px!important;
	margin: 0px 0px 20px 0px;
	background: none!important;
	border: none!important;
	}
#contents #main h5{
	margin:0px;
	padding: 0px 0px 5px 0px;
	line-height: 1.5em;
}
#contents #en-news h5 {
	padding: 0px!important;
	margin: 0px 0px 10px 0px!important;
}
#contents #main h6{
	margin:0px;
	padding: 0px;
	line-height: 1.5em;
	font-size: 12px;
}
.totop {
	margin:10px auto;
	text-align: right;
	clear: both;
}
.totop a {
	background:url(../../shared/img_common/m_007.gif) no-repeat center left;
	font-size: small;
	padding-left: 20px;
}
.list-mark { margin:0px; line-height:1.2em;}
.list { margin:-1.2em 0px 0px 1.2em; line-height:1.2em;}
.list02 { margin:-1.2em 0px 0px 2em; line-height:1.2em;}

/* 共通テキストサイズ
---------------------------------------------------- */
td {font-size:12px; color: #333333;}
A:link    {color:#330000 ; text-decoration:underline;}
A:visited {color:#330000 ; text-decoration:underline;}
A:active  {color:#330000 ; text-decoration:underline;}
A:hover   {color:#FF0000 ; text-decoration:none;}

.title01 {font-size:12px;font-weight:bold;color: #000000; text-align:left;}
.title02 {font-size:12px;font-weight:bold;color: #333333;}

.subtitle01 {font-size:10px; color:#333333;}

.subtitle02{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}

.data01 {font-size:10px; color:#333333;}
.attention {font-size:10px; color:#666666;}
.thing {font-size: 12px;color: #666666;}

/* サイドメニューテキスト
---------------------------------------------------- */
.sidemenu {font-size:10px; color:#333333;}
.sidemenu a:link{color:#333333 ; text-decoration:none;}
.sidemenu a:visited{color:#333333 ; text-decoration:none;}
.sidemenu a:hover{color:#333333 ; text-decoration:none;}

.text01 {font-size: 12px;color: #CC3300;font-weight:bold;}
.text02 {font-size: 12px;color: #000000;font-weight:bold; text-align:left;}
.text03 {font-size: 10px;color: #333333;font-weight:normal;}
.text04 {font-size: 10px;color: #662222;font-weight:bold;}
.text05 {
	font-size: 13px;
	color: #000000;
	font-weight:bold;
	padding-bottom: 5px;
}
.text06{color:#CC3300;}


.writer {
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	font-weight: normal;
	padding-bottom: 10px;
}
.kensaku {font-size: 10px;color: #FFFFFF;line-height: 10px;font-weight: normal;}
.writer02 {font-size: 12px;color: #993300;line-height: 20px;font-weight: bold;}
.writer03 {font-size: medium;line-height: 20px;color: #333333;}



/* テーブル
---------------------------------------------------- */

table.tyle01 {
}
table.tyle01,
table.tyle01 th,
table.tyle01 td {
	border-collapse: collapse;
	border: #555 1px solid;
}
table.tyle01 th {
	text-align: left;
	font-weight: normal;
	font-size: 90%;
	padding: 5px 10px;
	background: #EAEAEA;
}
table.tyle01 td {
	text-align: left;
	font-size:medium;
	padding: 5px 10px;
}



/* 共通スタイル
---------------------------------------------------- */
.clear-all{ clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}

.left{text-align:left;}
.right{text-align:right;}


.align-right{float:right;}
.align-left{float:left;}

.img-left{
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
}
.img-right{
	float:right;
	margin-left:10px;
	margin-bottom: 10px;
}

.img-center{
	text-align:center;
	padding-bottom: 10px;
	padding-top: 10px;
}

.text-link {
	text-align:right;
}
.text-link img{
	margin:0px 5px 0px 0px;
	vertical-align:middle;
}

.link-mark01 {
	background:url(../img_common/m_003.gif) center left no-repeat;
	padding-left: 15px;
}
.stressed-red {
	color: #FF0000 !important;
	font-weight: bold;
}

.font-s{font-size:small;}
.font-m{font-size:medium;}
.font-l{font-size:large;}


/* space */
.space00{ margin-bottom:0px; }
.space05{ margin-bottom:5px; }
.space10{ margin-bottom:10px; }
.space20{ margin-bottom:20px; }
.space30{ margin-bottom:30px; }
.space40{ margin-bottom:40px; }
.space50{ margin-bottom:50px; }

.space00-l{ margin-left:0px; }
.space03-l{ margin-left:3px; }
.space05-l{ margin-left:5px; }
.space10-l{ margin-left:10px; }
.space20-l{ margin-left:20px; }
.space30-l{ margin-left:30px; }
.space40-l{ margin-left:40px; }

.space10-r{margin-right:10px; }
.space40-r{margin-right:40px; }

.space00-t{ margin-top:0px; }
.space10-t{ margin-top:10px; }
.space20-t{ margin-top:20px; }
.space30-t{ margin-top:30px; }

.space10-s{ margin:0px 10px; }
.space20-s{ margin:0px 20px; }
.space30-s{ margin:0px 30px; }