@charset "utf-8";

/* ----------------------------------------
	共通css
	common.css

	create 20120716 T.Y
---------------------------------------- */

/* ----- 共通 ----- */
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	color: #333333;
	background: #F5F7F9;
}
a:hover {	color: #FF3300; }

/* 回り込み解除 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearboth {	clear: both; }


/* テキストカラー */
.text_color_grey {		color: #333333; }
.text_color_grey2 {		color: #CCC; }
.text_color_orange {	color: #FF3300; }
.text_color_red {		color: #FF0000; }
.text_color_blue {		color: #00F; }
.text_color_green {		color: #009400; }
.text_color_winered {	color: #990000; }
.text_color_navyblue {	color: #000099; }
.text_color_darkgreen {	color: #006600; }
.text_color_skyblue {
	color: #7BAEC9;
}


/* テキストサイズ */
.text_large {
	font-size: 100%;
}
.text_large130 {
	font-size: 100%;
	line-height: 1.3;
}
.text_std {
	font-size: 90%;
}
.text_std130 {
	font-size: 90%;
	line-height: 1.3;
}
.text_std160 {
	font-size: 90%;
	line-height: 1.6;
}
.text_small {
	font-size: 80%;
}
.text_small130 {
	font-size: 80%;
	line-height: 1.3;
}


/* 背景カラー */
.bg_color_pink {	background: #FFCCCC; }

/* ----------------------------------------
	共通css
	common.css
---------------------------------------- */
#twitter {
	width: 100%;
	background: #ACCCDF;
	margin: 0px;
	padding: 0px;
}
#twitter .twitter_box {
	text-align: left;
	margin: 0px auto;
	padding: 3px 0px;
	width: 960px;
}
#twitter .sns_box {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
	width: 750px;
}
#twitter .lang_box {
	margin: 0px 0px 2px;
	padding: 0px;
	float: right;
	text-align: right;
	width: 100px;
}
#twitter .lang_box a {
	color: #FFF;
}
#twitter .lang_box a:hover {
	color: #F90;
}
#container {
	background: #F5F7F9 url(../img/head_bg.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: both;
}
#head {
	margin: 0px auto 20px;
	padding: 0px;
	width: 960px;
	clear: both;
	height: 145px;
}
#head h1  {
	margin: 16px 0 0 0;
	padding: 0px;
	float: left;
}
#head .logo {
	margin: 16px 0px 6px;
	padding: 0px;
	float: right;
}
#head .menu_box {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 962px;
}
#head .menu_box ul {
	margin: 0px;
	padding: 0px;
}
#head .menu_box ul li {
	display: block;
	height: 51px;
	float: left;
}
#head .menu_box .menu01 {
	background: url(../img/menu01.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu01 a {
	background: url(../img/menu01.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu01 a:hover {
	background: url(../img/menu01.jpg) no-repeat 0px -51px;
}
#head .menu_box .menu01_select {
	background: url(../img/menu01.jpg) no-repeat 0px -102px;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu01_select a {
	background: url(../img/menu01.jpg) no-repeat 0px -102px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu02 {
	background: url(../img/menu02.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu02 a {
	background: url(../img/menu02.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu02 a:hover {
	background: url(../img/menu02.jpg) no-repeat 0px -51px;
}
#head .menu_box .menu02_select {
	background: url(../img/menu02.jpg) no-repeat 0px -102px;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu02_select a {
	background: url(../img/menu02.jpg) no-repeat 0px -102px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu03 {
	background: url(../img/menu03.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu03 a {
	background: url(../img/menu03.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu03 a:hover {
	background: url(../img/menu03.jpg) no-repeat 0px -51px;
}
#head .menu_box .menu03_select {
	background: url(../img/menu03.jpg) no-repeat 0px -102px;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu03_select a {
	background: url(../img/menu03.jpg) no-repeat 0px -102px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu04 {
	background: url(../img/menu04.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu04 a {
	background: url(../img/menu04.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu04 a:hover {
	background: url(../img/menu04.jpg) no-repeat 0px -51px;
}
#head .menu_box .menu04_select {
	background: url(../img/menu04.jpg) no-repeat 0px -102px;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu04_select a {
	background: url(../img/menu04.jpg) no-repeat 0px -102px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu05 {
	background: url(../img/menu05.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu05 a {
	background: url(../img/menu05.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu05 a:hover {
	background: url(../img/menu05.jpg) no-repeat 0px -51px;
}
#head .menu_box .menu05_select {
	background: url(../img/menu05.jpg) no-repeat 0px -102px;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu05_select a {
	background: url(../img/menu05.jpg) no-repeat 0px -102px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu06 {
	background: url(../img/menu06.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu06 a {
	background: url(../img/menu06.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu06 a:hover {
	background: url(../img/menu06.jpg) no-repeat 0px -51px;
}
#head .menu_box .menu06_select {
	background: url(../img/menu06.jpg) no-repeat 0px -102px;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#head .menu_box .menu06_select a {
	background: url(../img/menu06.jpg) no-repeat 0px -102px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 51px;
	width: 160px;
}
#container #main {
	margin: 0px auto 15px;
	padding: 0px;
	clear: both;
	width: 960px;
}
#main .main_left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 705px;
	text-align: left;
}
#main .main_left .pankuzu {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 705px;
}
#main .main_left .btn_top {
	margin: 20px 0 0 0;
	padding: 0px;
	width: 132px;
	clear: both;
	float: right;
	height: 24px;
}
#main .main_left .btn_top a {
	background: url(../img/btn_top.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 132px;
	text-indent: -9999px;
	display: block;
}
#main .main_left .btn_more {
	margin: 20px 0 0 0;
	padding: 0px;
	width: 71px;
	clear: both;
	float: right;
	height: 24px;
}
#main .main_left .btn_more a {
	background: url(../img/btn_more.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 71px;
	text-indent: -9999px;
	display: block;
}
#main .main_right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 234px;
}
#main .main_right .h4_title {
	margin: 0px 0px 5px;
	padding: 0px;
}
#main .main_right .banner_box {
	text-align: center;
	margin: 1px 0px;
	padding: 0px;
}
#container  #foot{
	background: url(../img/foot_bg.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	height: 212px;
	width: 100%;
	clear: both;
}
#container #foot .foot_box {
	margin: 0px auto;
	padding: 20px 0px;
	width: 960px;
}
#container #foot .foot_box_text {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	text-align: left;
}
#container #foot .foot_box_logo {
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: right;
}
#container #foot .copyright {
	margin: 10px 0px;
	padding: 0px;
	clear: both;
}