@charset "euc-jp";

/*------------------------
/ *
/ wrapper
/ header
/ container
/ footer
------------------------*/


/* --------------------------------------------------------------
*
-------------------------------------------------------------- */
* {
	/*
	font-family:メイリオ,"MS UI Gothic";
	*/
	font-family: "ＭＳ Ｐゴシック";
}
p {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
}
li {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
}
table {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
}
h1 {
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
}
h2 {
	display: none;
}
h3 {
	clear: both;
	/* ----------
	width: 654px;
	height: 71px;
	---------- */
	width: 622px;
	height: 68px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
	padding: 13px 0 0 32px;
	background: url(../image/h3.gif) no-repeat;
}
h3 span {
	font-size: 12px;
	font-weight: normal;
	display: block;
	margin: 10px 0 0 0;
}
h4 {
	/*width: 600px;*/
	width: 570px;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 10px 30px;
	border-bottom: 1px dotted #ccc;
	background: url(../image/h4_icon.gif) 3px top no-repeat;
}
hr {
	display: none;
}
.clear {
	clear: both;
}
.img_bottom {
	vertical-align: text-bottom;
}



/* --------------------------------------------------------------
wrapper
-------------------------------------------------------------- */
#wrapper {
	width: 100%;
}



/* --------------------------------------------------------------
header
-------------------------------------------------------------- */
#header {
	width: 100%;
	height: 100px;
}
/*-------------------------------
description
--------------------------------*/
#header .description {
	width: 100%;
	background-color: #F9F9F9;
}
#header .description .text_area {
	width: 920px;
	text-align: left;
}
/*-------------------------------
contents_area
--------------------------------*/
#header .contents_area {
	width: 920px;
	padding: 25px 0 0 0;
	background-color: #FFFFFF;
}
#header .contents_area img {
	vertical-align: text-bottom;
}
/* left_conts */
#header .left_conts {
	float: left;
	width: 260px;
	text-align: left;
	background: url(../image/header_line.gif) right 5px no-repeat;
}
#header .left_conts p {
	font-size: 10px;
}
/* center_conts */
#header .center_conts {
	float: left;
	/*width:340px;*/
	width:335px;
	text-align: left;
	padding: 0 0 0 25px;
	/* text使用時
	width:305px;
	padding: 10px 0 0 35px;
	*/
	background: url(../image/header_line.gif) right 5px no-repeat;
}
#header .center_conts p {
	color: #7B7B7B;
	font-size: 11px;
	line-height: 15px;
}
/* right_conts */
#header .right_conts {
	float: right;
	width: 300px;
	/*width:310px;*/
	/*text-align: right;*/
	text-align: center;
	padding: 0 0 0 0;
}
#header .right_conts .tel_number {
	float: left;
	/*
	width: 185px;
	padding: 5px 26px 0 25px;
	*/
	width: 215px;
	padding: 5px 6px 0 15px;
}
#header .right_conts .home {
	padding: 2px 0 0 0;
}
/* sub_menu */
#header .sub_menu {
	clear: both;
	width: 920px;
	height: 11px;
}
#header .sub_menu ul {
	float: right;
}
#header .sub_menu ul li {
	float: left;
	padding: 0 0 0 20px;
}



/* --------------------------------------------------------------
menu
-------------------------------------------------------------- */
#menu {
	clear: both;
	height: 51px;
	background: url(../image/menu_bg.gif) repeat-x;
}
#menu #menu_area {
	width: 920px;
	height: 51px;
}
#menu #menu_area ul {
	width: 920px;
}
#menu #menu_area ul li {
	float: left;
	/*width: 153px;*/
	width: 131px;
}
#menu #menu_area ul #nav1 {
	width: 134px;
}
/*
#menu #menu_area ul #nav6 {
	width: 154px;
}
*/
#menu #menu_area ul li a span {
	display: none;
}
#menu #menu_area ul li a {
	display: block;
	overflow: hidden;
	width:100%;
	height: 0 !important;
	height/**/:51px;
	padding-top:51px;
	background-image: url(../image/menu.gif);
}
#nav1 a { background-position: 0px 0; }
#nav2 a{ background-position: -134px 0; }
#nav3 a{ background-position: -265px 0; }
#nav4 a{ background-position: -396px 0; }
#nav5 a{ background-position: -527px 0; }
#nav6 a{ background-position: -658px 0; }
#nav7 a{ background-position: -789px 0; }
#nav1 a.stay{ background-position: 0px -51px; }
#nav2 a.stay{ background-position: -134px -51px; }
#nav3 a.stay{ background-position: -265px -51px; }
#nav4 a.stay{ background-position: -396px -51px; }
#nav5 a.stay{ background-position: -527px -51px; }
#nav6 a.stay{ background-position: -658px -51px; }
#nav7 a.stay{ background-position: -789px -51px; }
#nav1 a.hover{ background-position: 0px -51px; }
#nav2 a.hover{ background-position: -134px -51px; }
#nav3 a.hover{ background-position: -265px -51px; }
#nav4 a.hover{ background-position: -396px -51px; }
#nav5 a.hover{ background-position: -527px -51px; }
#nav6 a.hover{ background-position: -658px -51px; }
#nav7 a.hover{ background-position: -789px -51px; }
/*
#nav1 a { background-position: 0px 0; }
#nav2 a{ background-position: -154px 0; }
#nav3 a{ background-position: -307px 0; }
#nav4 a{ background-position: -460px 0; }
#nav5 a{ background-position: -613px 0; }
#nav6 a{ background-position: -766px 0; }
#nav1 a.stay{ background-position: 0 -51px; }
#nav2 a.stay{ background-position: -154px -51px; }
#nav3 a.stay{ background-position: -307px -51px; }
#nav4 a.stay{ background-position: -460px -51px; }
#nav5 a.stay{ background-position: -613px -51px; }
#nav6 a.stay{ background-position: -766px -51px; }
#nav1 a:hover{ background-position: 0 -51px; }
#nav2 a:hover{ background-position: -154px -51px; }
#nav3 a:hover{ background-position: -307px -51px; }
#nav4 a:hover{ background-position: -460px -51px; }
#nav5 a:hover{ background-position: -613px -51px; }
#nav6 a:hover{ background-position: -766px -51px; }
*/


/* --------------------------------------------------------------
container
-------------------------------------------------------------- */
#container {
	clear: both;
	width : 100%;
	padding: 0 0 35px 0;
	background-color: #F8F8F8;
}
#container #contents {
	width : 920px;
}
#page_img {
	padding: 25px 0 25px 0;
}
#page_img .img_area {
}
#index #page_img {
	width: 920px;
	text-align: center;
}
#index #page_img .img_area {
	background: url(../image/index/flash.jpg) no-repeat;
}

/*-------------------------------
main_contents
--------------------------------*/
#container #contents .main_conts {
	width : 690px;
	float: left;
}
.main_conts .conts_box {
	clear: both;
	text-align: left;
	/* width : 688px; */
	width : 648px;
	padding: 20px;
	margin: 0 0 20px 0;
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
}
.main_conts .conts_box .conts_list {
	clear: both;
	width : 600px;
	text-align: left;
	margin: 0 0 0 24px;
}
.main_conts .conts_list .conts {
	clear: both;
	margin: 0 0 35px 0;
}
.main_conts .conts_list .conts_end {
	margin: 0 0 0 0;
}
.main_conts .conts_list .conts p {
	font-size: 13px;
	line-height: 20px;
}
.main_conts .conts_list .conts .emphasis_box {
	padding: 15px;
	margin: 15px 0 0 0;
	text-align: center;
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
}
.main_conts .conts_list .conts .emphasis_box p a {
	padding: 0 0 0 13px;
	background: url(../image/emphasis_icon.gif)  0 center no-repeat;
}
/*-------------------------------
sub_conts
--------------------------------*/
#container #contents .sub_conts {
	width : 215px;
	float: right;
}
.sub_conts .search_box {
	clear: both;
	width : 201px;
	padding: 6px 6px 6px 6px;
	margin: 0 0 20px 0;
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
}
.sub_conts .search_box a {
	width : 201px;
	height: 108px;
	display: block;
	background: url(../image/search_bg_off.gif) no-repeat;
}
.sub_conts .search_box a span {
	display: none;
}
.sub_conts .search_box a:hover {
	background: url(../image/search_bg_on.gif) no-repeat;
}
.sub_conts .news_banner {
	clear: both;
	width : 201px;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 6px 6px 6px 6px;
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
}
.sub_conts .news_banner .title_area {
	width : 201px;
	height: 67px;
	text-decoration: none;
	background: url(../image/news_ba_top.gif) no-repeat;
}
.sub_conts .news_banner .title_area .title {
	display: none;
}
.sub_conts .news_banner .title_area .lastup {
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 53px 0 0 18px;
}
.sub_conts .news_banner .text_area {
	width : 201px;
	padding: 7px 0 7px 0;
	text-decoration: none;
	background: url(../image/news_ba_bg.gif) repeat-y;
}
.sub_conts .news_banner .text_area .news_list {
	width: 160px;
	height: 140px;
	margin: 0 0 0 10px;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
}
.sub_conts .news_banner .text_area .news_list {
	width: 160px;
	height: 140px;
	margin: 0 0 0 10px;
	padding: 0px 10px 10px 10px;
	background-color: #FFFFFF;
	overflow-y: scroll;
	/*-- scrollbar --*/
	/*scrollbar-arrow-color: #FFFC00; 矢印の色を指定 */
	/*scrollbar-track-color: #FBFFFF; レールの色を指定 */
	/*scrollbar-face-color : #A2BCFF; ボタン・スライダーの色を指定 */
	/*scrollbar-darkshadow-color : #2C63F2; 外側の影の色を指定 */
	/*scrollbar-highlight-color :  #3E70F3; 内側のハイライトの色を指定 */
	/*scrollbar-3dlight-color :; 外側のハイライトの色を指定 */
	/*scrollbar-shadow-color : #3E70F3; 内側の影の色を指定 */
}
.sub_conts .news_banner .text_area .news_list p {
	font-size: 11px;
	margin: 4px 0;
	padding: 4px 0;
	border-bottom: 1px dotted #ccc;
}

/*
.sub_conts .news_banner {
	clear: both;
	width : 201px;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 6px 6px 6px 6px;
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
}
.sub_conts .news_banner a {
	width : 201px;
	height: 108px;
	display: block;
	text-decoration: none;
	background: url(../image/news_banner.gif) no-repeat;
}
.sub_conts .news_banner a span {
	display: inline;
}
.sub_conts .news_banner a .lastup {
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 53px 0 0 18px;
}
.sub_conts .news_banner a:hover {
	background: url(../image/news_banner.gif) no-repeat;
}
*/
.sub_conts .conts_box {
	/*width : 213px;*/
	width : 201px;
	padding: 6px 6px 6px 6px;
	margin: 0 0 20px 0;
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
}
.sub_conts .banner_area {
	margin: 0 0 20px 0;
}
.sub_conts .banner_area .title {
	margin: 0 0 6px 0;
}
.sub_conts .banner_area img {
	border: 1px solid #D9D9D9;
	vertical-align: text-bottom;
}
.sub_conts .banner_area ul li {
	margin: 0 0 6px 0;
}



/* --------------------------------------------------------------
footer
-------------------------------------------------------------- */
#top_link_area {
	clear : both;
	width: 100%;
	background-color: #F8F8F8;
}
#top_link_area .top_link {
	width: 870px;
	text-align: right;
	padding: 0 50px 5px 0;
	background-color: #F8F8F8;
}
#footer {
	clear : both;
	width: 100%;
	height: 180px;
	border-top: 4px solid #E2E2E2;
}
#footer .contents_area {
	width: 920px;
	padding: 20px 0 0 0;
}
#footer .contents_area p {
	font-size : 11px;
}
#footer .contents_area .company {
	float : left;
	text-align : left;
}
#footer .contents_area .company p {
	font-size : 11px;
	/*padding: 0 0 18px 0;*/
	padding: 0 0 12px 0;
}
#footer .qr {
	float : right;
	padding: 15px 15px 5px 15px;
	border: 1px solid #F8F8F8;
	text-align: center;
}