@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande","メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 75%;
	color: #333;
	line-height: 1.6;
	font-weight: normal;
	background: #FFF;
}
table {
	empty-cells: show;
}
th {
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
a {
	color: #3366CC;
	text-decoration: none;
}
a:hover {
	color: #FF3300;
	text-decoration: underline;
}

.font70 {
	font-size: 70%;
}
.font75 {
	font-size: 75%;
}
.font80 {
	font-size: 80%;
}
.font85 {
	font-size: 85%;
}
.font90 {
	font-size: 90%;
}
.font95 {
	font-size: 95%;
}
.font100 {
	font-size: 100%;
}
.font120 {
	font-size: 120%;
}
.font150 {
	font-size: 150%;
}
.font180 {
	font-size: 180%;
}

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

.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}


/* clearfix ハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { clear: both; }



/* 基本レイアウト
------------------------------------------------------------------------------------------------------------*/

/* コンテンツ領域 ------------------------------*/
.content_box {
	width: 900px;
	margin: 0px auto;
}


/* ヘッダー ------------------------------*/
#head_container {
	height: 84px;
	background: url(../images/shared/head_bg.jpg) repeat-x top;
	margin: 0px;
	padding: 0px;
}
#head_container .content_box {
	padding-top: 7px;
}

#head_container .left {
	width: 690px;
	padding-top: 8px;
}
#head_container .right {
	width: 210px;
}


/* メニュー ------------------------------*/
#menu {
	height: 64px;
	border-top: 1px solid #E3E3E3;
	background: url(../images/shared/head_shadow.jpg) no-repeat center top;
}
#menu .content_box {
	margin-top: 12px;
}


/* メインイメージ ------------------------------*/
#main_img {
	border-top: 1px solid #E3E3E3;
}
#main_img .content_box {
	height: 278px;
	padding: 2px 0px;
}


/* メイン ------------------------------*/
#main_container {
	border-top: 1px solid #E3E3E3;
}
#main_container .content_box {
	padding: 20px 0px 0px 0px;
	background: url(../images/shared/img_bottom_shadow.jpg) no-repeat left top;
}

/* サイドバー */
#main_container #side_bar {
	width: 200px;
	float: left;
}

/* メインコンテンツ領域 */
#main_container #main {
	width: 675px;
	float: right;
}


/* フッター ------------------------------*/
#foot_container {
	margin-top: 30px;
	height: 100px;
	background: url(../images/shared/foot_bg.jpg) repeat-x;
}
#foot_container .content_box {
	padding-top:20px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 90%;
}

#foot_menu {
	margin-bottom: 15px;
}



/* ナビゲーション
------------------------------------------------------------------------------------------------------------*/

#navi {
	width: 900px;
	height: 49px;
	margin: 0px;
	padding: 0px;
}

#navi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#navi a {
	text-decoration: none;
	display:block;
	overflow:hidden;
	height: 49px;
}
#navi a.link01 { width: 129px; }
#navi a.link02 { width: 129px; }
#navi a.link03 { width: 128px; }
#navi a.link04 { width: 128px; }
#navi a.link05 { width: 128px; }
#navi a.link06 { width: 129px; }
#navi a.link07 { width: 129px; }

#navi li {
	text-indent: -9999px;
	display:block;
	overflow:hidden;
	float: left;
}

#navi li#navi_li01 {
	background: url(../images/shared/menu.jpg) no-repeat 0px 0px;
}
#navi li#navi_li02 {
	background: url(../images/shared/menu.jpg) no-repeat -129px 0px;
}
#navi li#navi_li03 {
	background: url(../images/shared/menu.jpg) no-repeat -258px 0px;
}
#navi li#navi_li04 {
	background: url(../images/shared/menu.jpg) no-repeat -386px 0px;
}
#navi li#navi_li05 {
	background: url(../images/shared/menu.jpg) no-repeat -514px 0px;
}
#navi li#navi_li06 {
	background: url(../images/shared/menu.jpg) no-repeat -642px 0px;
}
#navi li#navi_li07 {
	background: url(../images/shared/menu.jpg) no-repeat -771px 0px;
}

#navi li#navi_li01 a:hover {
	background: url(../images/shared/menu.jpg) no-repeat 0px -49px;
}
#navi li#navi_li02 a:hover {
	background: url(../images/shared/menu.jpg) no-repeat -129px -49px;
}
#navi li#navi_li03 a:hover {
	background: url(../images/shared/menu.jpg) no-repeat -258px -49px;
}
#navi li#navi_li04 a:hover {
	background: url(../images/shared/menu.jpg) no-repeat -386px -49px;
}
#navi li#navi_li05 a:hover {
	background: url(../images/shared/menu.jpg) no-repeat -514px -49px;
}
#navi li#navi_li06 a:hover {
	background: url(../images/shared/menu.jpg) no-repeat -642px -49px;
}
#navi li#navi_li07 a:hover {
	background: url(../images/shared/menu.jpg) no-repeat -771px -49px;
}

#navi li#navi_li01_on {
	background: url(../images/shared/menu.jpg) no-repeat 0px -49px;
}
#navi li#navi_li02_on {
	background: url(../images/shared/menu.jpg) no-repeat -129px -49px;
}
#navi li#navi_li03_on {
	background: url(../images/shared/menu.jpg) no-repeat -258px -49px;
}
#navi li#navi_li04_on {
	background: url(../images/shared/menu.jpg) no-repeat -386px -49px;
}
#navi li#navi_li05_on {
	background: url(../images/shared/menu.jpg) no-repeat -514px -49px;
}
#navi li#navi_li06_on {
	background: url(../images/shared/menu.jpg) no-repeat -642px -49px;
}
#navi li#navi_li07_on {
	background: url(../images/shared/menu.jpg) no-repeat -771px -49px;
}



/* サブメニュー
------------------------------------------------------------------------------------------------------------*/
#sub_menu ul {
	margin: 0px;
	padding: 10px 0px;
}

#sub_menu li {
	margin: 0px;
	padding: 0px 0px 5px 20px;
	list-style: none;
}

#sub_menu li.ico_blank {
	background: url(../images/shared/link_ico_1.jpg) no-repeat left;
}
#sub_menu li.ico_self {
	background: url(../images/shared/link_ico_2.jpg) no-repeat left;
}



/* ヘッダー [ロゴ周辺]
------------------------------------------------------------------------------------------------------------*/
#head_container h1 {
	width: 169px;
	height: 57px;
	margin-right: 20px;
	float: left;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../images/shared/logo.png) no-repeat 0px 0px;
}
#head_container h1 a {
	width: 169px;
	height: 57px;
	text-decoration: none;
	display:block;
	overflow:hidden;
}

img#img_logotxt {
	margin-top: 5px;
}


/* ヘッダー [JP or EN]
------------------------------------------------------------------------------------------------------------*/
#head_container .right #lang_button a {
	width: 102px;
	height: 19px;
	text-decoration: none;
	display:block;
	overflow:hidden;
	text-indent: -9999px;
	float: left;
	margin-left: 3px;
}

a#lang_jp {
	background: url(../images/shared/head_jp.jpg) no-repeat 0px -19px;
}
a#lang_jp_on {
	background: url(../images/shared/head_jp.jpg) no-repeat 0px 0px;
}
a#lang_jp:hover {
	background: url(../images/shared/head_jp.jpg) no-repeat 0px 0px;
	position: relative;
	top: 1px;
	left: 1px;
}

a#lang_en {
	background: url(../images/shared/head_en.jpg) no-repeat 0px -19px;
}
a#lang_en_on {
	background: url(../images/shared/head_en.jpg) no-repeat 0px 0px;
}
a#lang_en:hover {
	background: url(../images/shared/head_en.jpg) no-repeat 0px 0px;
	position: relative;
	top: 1px;
	left: 1px;
}

/* ヘッダー contactボタン */
#head_contact_button {
	clear: both;
	width: 69px;
	height: 9px;
	text-decoration: none;
	display:block;
	overflow:hidden;
	text-indent: -9999px;
	margin-top: 55px;
	margin-left: auto;
	background: url(../images/shared/button_contact.jpg) no-repeat 0px 0px;
}
a#head_contact_button:hover {
	background: url(../images/shared/button_contact.jpg) no-repeat 0px 0px;
	position: relative;
	top: 1px;
	left: 1px;
}


/* サイドバー
------------------------------------------------------------------------------------------------------------*/
/* グーグルカレンダー */
#google_calendar {
	margin-bottom: 20px;
}

/* 携帯サイト紹介 */
#mobile_site_info img {
	float: left;
	margin: 0px 5px 5px 0px;
}