@charset "utf-8";
/* CSS Document */

/*--------------------------------------------
  BASE
---------------------------------------------*/
/*==========* デフォルト指定の初期化 *============= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
	font-weight: normal;
	font-style: normal;
}

table,
dl, dt, dd{
	border-collapse: collapse;
	border-spacing: 0; }
	

/*==========* 基本設定 *============= */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.85em;
	color:#444;
	line-height:1.3;
}
h3{
	font-size:200%;
	font-weight:bold;
	margin-bottom:20px;
}
h4{
	font-size:120%;
	font-weight:bold;
	margin-bottom:20px;
}
h5{
	font-size:120%;
	font-weight:bold;
}
p{
	margin-bottom:20px;
}
form input.submit{
    width: 200px;
    display: block;
    margin: 32px auto 0px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    background: none repeat scroll 0% 0% #4169e1;
    border-radius: 1px;
    padding: 10px 0px;
    border: medium none;
    cursor: pointer;
}
form input.submit:hover{
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}

#wrapper{ width:960px; margin:0 auto;}
.contents{ width:930px; margin:0 auto;}

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

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clear7{font-size:0; clear:both;}

/*==========* font text *============= */
/*----------* Link *------------*/
a:link{ color:#008899; text-decoration:none;}
a:visited { color:#008899; text-decoration:none;}
a:hover{ color:#41b8c7; text-decoration:underline;}
a:active {color:#41b8c7; text-decoration:underline;}

/*----------* Align *------------*/
.txt_r {text-align:right;}
.txt_c {text-align:center;}

/*----------* Size *------------*/
.f80 {font-size:80%;}
.f85 {font-size:85%;}
.f90 {font-size:90%;}
.f110 {font-size:110%;}
.f120 {font-size:120%;}
.f130 {font-size:130%;}
.f140 {font-size:140%;}
.f150 {font-size:150%;}

/*----------* Color *------------*/
.c_red{ color:#f00;}
.c_blue{color:#1e50a2;}
.c_blue_b{ color:#1e50a2; font-weight:bold;}

/*----------* Margin *------------*/
.m_t10{margin-top:10px;}
.m_t20{margin-top:20px;}
.m_t30{margin-top:30px;}

.m_l10{margin-left:10px;}

.m_b10{margin-bottom:10px;}
.m_b20{margin-bottom:20px;}
.m_b50{margin-bottom:50px;}

.m_tb10{margin:10px 0;}
.m_tb20{margin:20px 0;}
.m_tb30{margin:30px 0;}

.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}

/*----------* Psdding *------------*/
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}

/*----------* Other *------------*/
.f_b{font-weight:bold;}


/*==========* img *============= */
a:hover img,
#page_top a:hover{
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}

/*==========* float *============= */
.fl_l{ float:left;}
.fl_r{ float:right;}
.fl_n{ float:none;}

/*==========* display *============= */
.d_inline{display:inline;}
.d_none{display:none;}

/*==========* list *============= */
a.link {
	background:url(../images/arrow1.png) no-repeat 0 center;
	padding-left:8px;
	float:right;
	margin:10px 0 30px;
}
a.link2 {
	background:url(../images/arrow1.png) no-repeat 0 center;
	padding-left:8px;
	float:right;
	margin:8px 0 3px;
}
a.link2 {*width:6.5em;}

/*==========* iframe *============= */
iframe{ margin:5px 0 0 0; border:1px solid #dddcd6;}

/*==========* xoops table *============= */
table.outer {
	width:100%;
	margin:10px auto 20px;
}
table.outer th {
	background:#0b8e30;
	border:1px solid #ccc;
	white-space:nowrap;
	padding:5px;
	color:#ffffff;
}
table.outer td {
	border: 1px solid #ccc;
	padding: 5px;
}
table.outer td.head {
	background: #fef7ed;
	font-weight: bold;
	white-space: nowrap;
}

/* screens laeger than 960
***************************************************************************/
.sp{display:none;}
/*--------------------------------------------
  Header
---------------------------------------------*/
#caption{background:#1e50a2;}
h1{width:956px; margin:0 auto; padding:4px 0; color:#eee; font-size:90%;}

#header_area{width:960px; margin:10px auto;}
h2 a{
	float:left;
	display:block;
	margin-top:10px;
	font-weight:bold;
	font-size:240%;
/*
	overflow:hidden;
	width:280px;
	height:0;
	padding-top:38px;
	background:url(../images/logo.png) no-repeat 0 0;
*/
}
h2 a:link,
h2 a:visited{
	color:#1E50A2;
}

header ul{ float:right;}
header ul li{text-align:right;}
header ul li.tel{
	font-size:160%;
	font-weight:bold;
	color:#1e50a2;
}
header ul li.tel img{ position:relative; top:4px; margin-right:2px;}

p.copy{
	float:left;
	margin:20px 0 0 10px;
	font-size:110%;
}

/*--------------------------------------------
  グローバルナビ
---------------------------------------------*/
p.gnav_sp, 
.gnav_sp_list{display:none;}
nav{
	width:100%;
	height:44px;
	background-color:#E2E2E2;
}
nav ul{
	width:960px;
	margin:0 auto;
}
nav ul li a{ 
	float:left;
	display:block;
	width:160px;
	height:44px;
	line-height:44px;
	font-size:120%;
	font-weight:bold;
	text-align:center;
}
nav ul li a:link, 
nav ul li a:visited{ 
	color:#5f5f5f;
}
nav ul li a:hover{ 
	background-color:#D2D2D2;
}

/*--------------------------------------------
  ぱんくず
---------------------------------------------*/
#breadcrumbs{
	width:960px;
	font-size:90%;
	margin:10px auto 15px;
	padding:0;
	border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#breadcrumbs li{display:inline; color:#989898; font-weight:bold;}
#breadcrumbs li a:link{ color:#989898; text-decoration:underline; font-weight:normal;}
#breadcrumbs li a:visited { color:#989898; text-decoration:underline; font-weight:normal;}
#breadcrumbs li a:hover{ color:#c9c9c9; text-decoration:underline; font-weight:normal;}
#breadcrumbs li a:active {color:#c9c9c9; text-decoration:underline; font-weight:normal;}

/*--------------------------------------------
  ページトップ
---------------------------------------------*/
#page_top{width:960px; margin:15px auto 0;}
#page_top a{
	background:url(../images/pagetop.png) no-repeat 0 0;
	width:53px;
	height:0;
	padding-top:43px;
	overflow:hidden;
	display:block;
	margin:0 0 0 886px;
}

/*--------------------------------------------
  footer
---------------------------------------------*/
#footer_navi{padding:15px 0;background:#ccc;}
#footer_navi ul{
	margin:4px auto;
	width:960px;
}
#footer_navi li{
	display:inline-block;
	padding-right:2px;
	font-size:90%;
}
#footer_navi li span{
	color:#fff;
}
#footer{background:#e9e5dd;}
#footer .footer_contents{
	margin:0 auto;
	width:960px;
	padding:20px 0 15px 0;
}
.footer_logo a{
	display:block;
	margin-bottom:7px;
	font-weight:bold;
	font-size:190%;
/*
	overflow:hidden;
	width:190px;
	height:0;
	padding-top:27px;
	background:url(../images/logo_sp.png) no-repeat 0 0;
*/
}
.footer_logo a:link,
.footer_logo a:visited{
	color:#1E50A2;
}
.footer_info li{font-size:90%;}

#copy{width:950px; margin:0 auto; border-top:1px solid #bdbdbd; font-size:90%; padding:7px 5px; height:1.6em; overflow:hidden;}
#copy ul{float:left;}
#copy ul li{
	float:left;
	background: url("../images/arrow1.png") no-repeat scroll 0px center transparent;
	padding:0 30px 0 9px;
}
#copy p{float:right; color:#666;}

/*--------------------------------------------
  管理者メニュー
---------------------------------------------*/
#admin_menu table {
	width:950px; margin:10px auto;
	border:2px solid #F60;
}
#admin_menu th{background:#F60; color:#fff; padding:3px;}
#admin_menu td{padding:3px;}
#admin_menu li{ display:inline-block; margin-right:20px;}


/* screens smaller than 959
***************************************************************************/
@media only screen and (max-width:959px) {
	
#wrapper{width:98%; margin:0 auto;}
.contents{width:98%;}

/*--------------------------------------------
  Header
---------------------------------------------*/
h1{width:100%;}

#header_area{width:98%;}
p.copy{
	display:none;
}

/*--------------------------------------------
  グローバルナビ
---------------------------------------------*/
nav ul{
    width:100%;
}
nav ul li a{
    float:left;
    display:block;
    width:auto;
	margin-right:5px;
	margin-left:10px;
    height:30px;
    font-size:100%;
    font-weight:bold;
    text-align:left;
}

/*--------------------------------------------
  ぱんくず
---------------------------------------------*/
#breadcrumbs{
	width:100%;
}

/*--------------------------------------------
  ページトップ
---------------------------------------------*/
#page_top{width:100%; margin:20px auto 0;}
#page_top a{
	margin:0 0 0 90%;
}

/*--------------------------------------------
  footer
---------------------------------------------*/
#footer .footer_contents{
	width:100%;
}

#copy{width:100%; padding:0;}

}

/* screens smaller than 599
***************************************************************************/
@media only screen and (max-width:599px) {
.sp{display:inherit;}
.pc{display:none;}
#wrapper{width:100%; margin:0 auto;}
.contents{width:96%; margin:0 auto;}

/*==========* font text *============= */
/*----------* Link *------------*/
a:link{ color:#444; text-decoration:none;}
a:visited { color:#444; text-decoration:none;}
a:hover{ color:#444; text-decoration:none;}
a:active {color:#444; text-decoration:none;}

/*==========* list *============= */
a.link {
	background:url(../images/arrow1_sp.png) no-repeat 0 center;
	-moz-background-size:4px 6px;
	background-size:4px 6px;
	padding-left:8px;
	float:right;
	margin:0 0 15px;
	color:#008899;
}
a.link2 {
	background:url(../images/arrow1_sp.png) no-repeat 0 center;
	-moz-background-size:4px 6px;
	background-size:4px 6px;
	padding-left:8px;
	float:right;
	margin:8px 0 0;
	color:#008899;
}

/*--------------------------------------------
  Header
---------------------------------------------*/
h1{ width:98%; padding:4px 1%; font-size:90%;}	

#header_area{width:100%; margin:10px auto 0; border-bottom:1px solid #ccc; padding-bottom:5px;}
h2 a{
	float:left;
	display:block;
	margin:0 5px;
	font-weight:bold;
	font-size:160%;
/*
	overflow:hidden;
	width:140px;
	height:0;
	padding-top:23px;
	background:url(../images/logo_sp.png) no-repeat 0 0;
	-moz-background-size:140px 23px;
	background-size:140px 23px;
*/
}

/*ナビゲーション*/
p.gnav_sp{
	float:right;
	display:block;
	width:70px;
	height:22px;
	margin:0 10px 0 0;
	padding-top:3px;
	text-align:center;
	font-size:120%;
	background-color:#b0b0b0;
	color:#fff;
}

header ul.header_info{ display:none;}

/*--------------------------------------------
  グローバルナビ
---------------------------------------------*/
nav{
	height:auto;
	display:none;
}
nav ul{
	width:100%;
	margin:0;
}
nav ul li a{ 
	float:none;
	display:block;
	width:100%;
	height:30px;
	margin-right:0px;
	margin-left:0px;
	padding-left:25px;
	line-height:30px;
	font-size:120%;
	font-weight:normal;
	text-align:left;
}
nav ul li a:hover{
}

/*--------------------------------------------
  ぱんくず
---------------------------------------------*/
#breadcrumbs{ display:none;}

/*--------------------------------------------
  ページトップ
---------------------------------------------*/
#page_top a{
	margin:0 0 0 80%;
}

/*--------------------------------------------
  footer
---------------------------------------------*/
.footer_info{width:98%; padding:0 1%; margin:0 auto;}
.footer_logo a{margin-bottom:5px;}
.footer_tel{font-size:140%; font-weight:bold;}

.footer_link{display:none;}

#copy{width:98%; padding:7px 1%; font-size:90%; height:4.5em;}
#copy ul{float:none; margin-bottom:10px;}
#copy ul li{
	padding:0 15px 0 9px;
}
#copy ul li a:link{ color:#189dc2; text-decoration:none;}
#copy ul li a:visited { color:#189dc2; text-decoration:none;}
#copy ul li a:hover{ color:#189dc2; text-decoration:none;}
#copy ul li a:active {color:#189dc2; text-decoration:none;}

#copy p{float:none; text-align:center;}

/*--------------------------------------------
  管理者メニュー
---------------------------------------------*/
#admin_menu table{
	width:95%;
}
#admin_menu li{ display:inline-block; margin-right:5px;}


}