@charset "utf-8";
/* リセット
--------------------------------------------------*/
body,
div,
ul, ol, li,
dl, dt, dd,
h1, h2, h3, h4, h5, h6,
pre, code, legend,
blockquote, table,
th, td {border: 0;font-family: inherit;font-size: 98.5%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}


ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
	font-family:  Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro", "MS PGothic","Segoe UI Light","Segoe UI",Tahoma,Arial,Verdana,sans-serif;
	line-height: 120%;
}

storong {
	font-size: 110%;
	font-weight: bold;
}
em {
	font-family: "ＭＳ Ｐゴシック", 小塚ゴシック Pro, Meiryo, "メイリオ", "MS PGothic","Segoe UI Light","Segoe UI",Tahoma,Arial,Verdana,sans-serif;
}

/*新要素*/
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary {
	display: block
}


/* レイアウト
--------------------------------------------------*/
html,body {
	margin: 0 auto;
	text-align: center;
	-webkit-text-size-adjust: none;
}


/*--ヘッダ--*/
#header {
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
}
#logo {
	float: left;
	display: block;
}
#head_right {
	width: 45%;
	float: right;
	display: block;
	text-align: left;
	font-size: 90%;
}
#head_right p {
	margin: 0;
	padding: 0;
	line-height: 140%;
}
#head_right .tel {
	float: left;
	display: block;
	margin-top: 0.7em;
}
#head_right .address {
	float: right;
	display: block;
	text-align: left;
}

/*--グローバルナビゲーション--*/
#globalnavibox{
	width:100%;
	margin: 0;
	padding: 0;
	background: url(../img/temp/gnavi_back.jpg) repeat-x;
	border-top: solid 1px #FFBDBD;
	border-bottom: solid 2px #FF3C3C;
}
ul#globalnavi {
	overflow:hidden;
	margin: 0 auto;
	background: url(../img/temp/gnavi_line.jpg) no-repeat left bottom;
}
ul#globalnavi li {
	float:left;
	width: 19.9%;
	background: url(../img/temp/gnavi_line.jpg) no-repeat right bottom;
}
ul#globalnavi li a {
	display:block;
	padding: 1em 0 0.8em;
	text-decoration: none;
	color: #333333;
	font-size: 95%;
}
ul#globalnavi li a:hover {
	background: #FFCCCC url(../img/temp/gnavi_line.jpg) no-repeat right bottom;
}

#sp_globalnavibox{
	display: none;
}



/*--コンテンツ--*/
#contents {
	clear: both;
	margin: 0 auto;
	padding: 2em 0 0;
	overflow: hidden;
}


/*--フッター--*/
#footer {
	margin: 1em auto 0;
	overflow: hidden;
	clear: both;
	background: #F0F0E1;
	padding: 1em 0;
	text-align: left;
}

ul.foot_btn {
	overflow: hidden;
	margin: 0 auto 0.5em;
}
ul.foot_btn li {
	float: left;
	display: block;
	margin-right: 0.6em;
}

#copyright {
	font-size: 90%;
	clear: both;
}


/* イメージ画像
--------------------------------------------------*/

/*画像クリックで白くなる*/
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}




/* リンク
--------------------------------------------------*/
a:link {
	color: #0066CC;
	text-decoration: underline;
}

a:visited {
	color: #003399;
	text-decoration: underline;
}

a:hover {
	color: #0099CC;
	text-decoration: underline;
}

a:active {
	color: #0066CC;
	text-decoration: underline;
}


/* PC用
------------------------------------------------------------*/
@media screen and (min-width: 955px){

/*--ヘッダ--*/
#header {
	width: 960px;
}
#logo {
	width: 380px;
}
#head_right .address {
	width: 220px;
}

/*--グローバルナビゲーション--*/
ul#globalnavi {
	width:960px;
}

#sp_globalnavibox{
	display: none;
}



/*--コンテンツ--*/
#contents {
	width: 960px;
}
/*全面*/
#main {
	width: 98%;
	text-align: left;
	overflow: hidden;
	margin: 0 auto;

}

/*sideあり*/
#main_text {
	width: 75%;
	text-align: left;
	overflow: hidden;
	margin: 0;
	float: left;
	display: block;
}

/*sidemenu*/
#side {

	width: 20%;
	text-align: left;
	overflow: hidden;
	margin: 0 1.5em 0 0;
	float: right;
	display: block;
	border: solid 1px #285E9F;
	font-size:0.9em;
}

#side a:link {
	text-decoration:none;
}



/* 折り畳み部分を隠す */
/*ul.accordion_side ul {display:none;}*/
/* 背景 */
ul.accordion_side > li { background:#CCCCCC url(../img/top/topics_title_bg.jpg) top repeat-x; margin: 0; padding: 0; color:#333333; border: solid 1px #CCCCCC;}/*１段目の背景*/
ul.accordion_side > li > p { background: #285E9F; color:#FFFFFF; margin: 0; padding: 0.5em;}/*１段目の背景*/
ul.accordion_side > li > ul > li {background: #FFFFFF; border-bottom: solid 0px #999999; padding: 0.5em;}/*２段目の背景*/

#side .side_mt1 {
	text-align:center;
	font-size:1em;
	font-weight:bold;
	background: #C8F0FF;
	border-top:3px double #64A4FB;
	border-bottom:3px double #64A4FB;
}

.side_mt2 {
	color:#FF6E71;
	text-decoration:none;
}


/*--フッター--*/
.foot_box {
	width: 960px;
	margin: 0 auto;
}
.sp_tel {
	display:none;
}

/*----*/

}




/* iPadサイズ以下から
------------------------------------------------------------*/
@media screen and (max-width: 954px){

/*--ヘッダ--*/
#header {
	width: 100%;
}
#logo {
	width: 60%;
}
#head_right {
	width: 35%;
}
#head_right .tel {
	float: none;
	display: block;
	margin-top: 0;
}
#head_right .address {
	float: none;
	display: block;
}


/*--グローバルナビゲーション--*/
/*スマホ用*/
#sp_globalnavibox{
	width: 100%;
	overflow: hidden;
	display: block;
}
/* 折り畳み部分を隠す */
ul.accordion ul {display:none;}
/* 背景 */
ul.accordion > li { background: url(../img/temp/sp_menu_back.jpg) repeat-x; margin: 0; padding: 0; color:#FFFFFF;}/*１段目の背景*/
ul.accordion > li > p {margin: 0; padding: 0;}/*１段目の背景*/
ul.accordion > li > ul > li {background: #F1F1F1; border-bottom: solid 1px #999999;}/*２段目の背景*/
ul.accordion > li > ul > li > p {background: #467797; color:#FFFFFF;}/*２段目の背景*/
ul.accordion > li > ul > li > ul > li {background: #375F2B; color:#FFFFFF;}/*３段目の背景*/
/* アイコン */
ul.accordion a {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion span {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion > li > p span { background: url(../img/temp/menuOpen.png) no-repeat 98%;}/*１段目（タップ部分・閉じているとき）のアイコン*/
ul.accordion > li > p span.open { background: url(../img/temp/menuClose.png) no-repeat 98%;}/*１段目（タップ部分・開いているとき）のアイコン*/
ul.accordion > li > ul > li > a {background: url(../img/temp/menuNext.png) no-repeat 98%;}/*２段目（リンク部分）のアイコン*/

/*pc用*/
#globalnavibox{
	display:none;
}

/*サイト内検索*/
#seach_box {
	width: 95%;
	float: none;
}


/*--コンテンツ--*/
#contents {
	width: 95%;
}

/*sideあり*/
#main_text {
	width: 75%;
	text-align: left;
	overflow: hidden;
	margin: 0;
	float: left;
	display: block;
}

/*sidemenu*/
#side {
	width: 20%;
	text-align: left;
	overflow: hidden;
	margin: 0 1.5em 0 0;
	float: right;
	display: block;
	border: solid 1px #285E9F;
}
/* 折り畳み部分を隠す */
/*ul.accordion_side ul {display:none;}*/
/* 背景 */
ul.accordion_side > li { background:#CCCCCC url(../img/top/topics_title_bg.jpg) top repeat-x; margin: 0; padding: 0; color:#333333; border: solid 1px #CCCCCC;}/*１段目の背景*/
ul.accordion_side > li > p { background: #285E9F; color:#FFFFFF; margin: 0; padding: 0.5em;}/*１段目の背景*/
ul.accordion_side > li > ul > li {background: #FFFFFF; border-bottom: solid 1px #999999; padding: 0.5em;}/*２段目の背景*/

/*--フッター--*/
#footer {
	width: 100%;
	margin: 1em auto 0;
	padding: 10px 0 0;
	border-top: solid 1px #BBBBBB;
	overflow: hidden;
}

.footleft {
	display:none;
}

.sp_tel {
	width: 300px;
	margin: 0 auto 0.5em;
	padding: 0;
}
.sp_tel p {
	margin: 0;
	padding: 0;
	line-height: 140%;
}
.sp_tel img {
	width: 100%;
}


#copyright {
	padding: 1em 0;
	margin: 1em auto;
	text-align: right;
	border-top: solid 1px #BBBBBB;
	clear: both;
	font-size: 90%;
}

/*topのコンテンツボタン*/
.btn_menu {
	display:none;
}

#sp_accordion_con_box{
	width: 100%;
	overflow: hidden;
}
/* 折り畳み部分を隠す */
ul.accordion_con ul {display:none;}
/* 背景 */
ul.accordion_con > li { background:#CCCCCC url(../img/top/topics_title_bg.jpg) top repeat-x; margin: 0; padding: 0; color:#333333; border: solid 1px #CCCCCC;}/*１段目の背景*/
ul.accordion_con > li > p {margin: 0; padding: 0;}/*１段目の背景*/
ul.accordion_con > li > ul > li {background: #F1F1F1; border-bottom: solid 1px #999999;}/*２段目の背景*/
ul.accordion_con > li > ul > li > p {background: #467797; color:#FFFFFF;}/*２段目の背景*/
ul.accordion_con > li > ul > li > ul > li {background: #375F2B; color:#FFFFFF;}/*３段目の背景*/
/* アイコン */
ul.accordion_con a {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion_con span {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion_con > li > p span { background: url(../img/temp/menuOpen.png) no-repeat 98%;}/*１段目（タップ部分・閉じているとき）のアイコン*/
ul.accordion_con > li > p span.open { background: url(../img/temp/menuClose.png) no-repeat 98%;}/*１段目（タップ部分・開いているとき）のアイコン*/
ul.accordion_con > li > ul > li > a {background: url(../img/temp/menuNext.png) no-repeat 98%;}/*２段目（リンク部分）のアイコン*/

/*- お問い合わせ -*/
#qa_table{
		display: block;
	}
#qa_table thead{
			display: none;
		}
#qa_table tbody{
			display: block;
		}
#qa_table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
#qa_table tbody th,
#qa_table tbody td{
				display: list-item;
				border: none;
			}
#qa_table tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: #FF8282;
			}
#qa_table tbody td{
				list-style-type:none;
				margin-left: 20px;
				padding: 3px;
			}

	.waku1{width:60%}
	.waku2{width:80%}
	
/*お問い合わせフォーム用*/
#qa_table .input_name {
	width: 90%;
}
.input_number {
	width: 5em;
}
#qa_table .input_address {
	width: 90%;
}

#qa_table .input_email {
	width: 90%;
}
#qa_table .input_text {
	width: 90%;
}
.input_clear {
	width: 6em;
}

}



/* 幅648px以下から
------------------------------------------------------------*/
@media screen and (max-width:648px){

#logo {
	float: none;
	margin: 0em auto;
	text-align: center;
	width: 100%;
}
#head_right {
	display: none;
}


#head_right .address {
	text-align: center;
}

/*--フッター--*/
.sp_tel img {
	width: 95%;
}
#copyright {
	text-align: left;
}

ul.foot_btn {
	width: 95%;
	text-align: center;
}
ul.foot_btn li {
	float: none;
	display: inline-block;
	margin-right: 0;
}


/*--コンテンツ--*/
/*sideあり*/
#main_text {
	width: 100%;
	text-align: left;
	overflow: hidden;
	margin: 0;
	float: none;
	display: block;
}

/*sidemenu*/
#side {
	width: 100%;
	text-align: left;
	overflow: hidden;
	margin: 0 1.5em 0 0;
	float: none;
	display: block;
	border: solid 1px #2867B1;
}
/* 折り畳み部分を隠す */
ul.accordion_side ul {display:none;}
/* 背景 */
ul.accordion_side > li { background:#CCCCCC url(../img/top/topics_title_bg.jpg) top repeat-x; margin: 0; padding: 0; color:#333333; border: solid 1px #CCCCCC;}/*１段目の背景*/
ul.accordion_side > li > p {margin: 0; padding: 0;}/*１段目の背景*/
ul.accordion_side > li > ul > li {background: #F1F1F1; border-bottom: solid 1px #999999;}/*２段目の背景*/
ul.accordion_side > li > ul > li > p {background: #467797; color:#FFFFFF;}/*２段目の背景*/
ul.accordion_side > li > ul > li > ul > li {background: #375F2B; color:#FFFFFF;}/*３段目の背景*/
/* アイコン */
ul.accordion_side a {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion_side span {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion_side > li > p span { background: url(../img/temp/menuOpen.png) no-repeat 98%;}/*１段目（タップ部分・閉じているとき）のアイコン*/
ul.accordion_side > li > p span.open { background: url(../img/temp/menuClose.png) no-repeat 98%;}/*１段目（タップ部分・開いているとき）のアイコン*/
ul.accordion_side > li > ul > li > a {background: url(../img/temp/menuNext.png) no-repeat 98%;}/*２段目（リンク部分）のアイコン*/


}