@charset "UTF-8";
@import "reset.css";
@import "fonts.css";
@import "bootstrap-responsive.css";
@import "bootstrap.css";
/* =======================================

	Example CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.Base Structure
	
	2.Header
		2-1.Site Title
		2-2.Header Navi
		
	3.Globalnavi

	4.MainImage
	
	5.Topicpath

	6.Contents
  6-2.KASOUPAGE

	7.Footer
	

========================================== */


/* 1.Base Structure
========================================== */
/* 1-1.Body
	---------------------------------------- */
body, html { background: #fff; }
body { width: 100%; font-size: 16px; color: #2C221F; line-height: 1.5; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
/* 1-2.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; }
/* 1-3.commons
	---------------------------------------- */
a:link, a:visited { color: #1A81A8; text-decoration: none; }
a:hover { color: #1E97C4; text-decoration: underline; }
a.opacity:hover img, a.opacity:active img { -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); }
img a { border: none; }
img.nofit{ width: auto !important;}
.clear { clear: both; }
.over_hidden { overflow: hidden; }
.topmargin10 { margin-top: 10px !important; }
.topmargin20 { margin-top: 20px !important; }
.topmargin30 { margin-top: 30px !important; }
.topmargin40 { margin-top: 40px !important; }
.bottommargin10 { margin-bottom: 10px; }
.bottommargin20 { margin-bottom: 20px; }
.bottommargin30 { margin-bottom: 30px; }
.bottommargin40 { margin-bottom: 40px; }
.price { color: #C09F47; font-size: 20px; font-weight:bold; text-align: right; font-family: Verdana, Helvetica, sans-serif; }
.gotop { text-align: right; margin: 20px 0 0 0; }
.border-top { border-top: 1px dotted #ccc; margin: 10px 0; padding: 10px 0; }
.border-bottom { border-bottom: 1px dotted #ccc; margin: 10px 0; padding: 10px 0; }
.unit { padding: 10px; }
.borderunit { padding: 10px; border-radius: 3px; border: 3px solid #ccc; }
.aside { margin: 5px; padding: 10px; background: #eee; font-size: 12px; border-radius: 3px; }
.borderunit-brown { border: 1px solid #A64B00; margin: 10px 0; padding: 10px; background: #fff; border-radius: 3px; color:#A64B00;}
.borderunit-white { border: 0px solid #fff; margin: 10px 0; padding: 10px; background: #fff; border-radius: 3px; }
.borderunit-aside { border: 1px solid #ccc; margin: 10px 0; padding: 10px; background: #eee; border-radius: 3px; font-size:12px;}
#wrapper .container { width: 1020px; margin: 0 auto; }
/* 1-4.h
	---------------------------------------- */
h1 { font-size:12px;}
h2 { color:#68BAC4; font-size:32px; line-height:1.7; font-weight: normal; letter-spacing:2.0px; border-top: 5px solid #68BAC4;  padding: 0 0 10px 0; margin: 20px 0 0 0;}
h2 small{ color:#333; font-size:12px; font-weight:normal; padding: 0 0 0 10px;}
h3 { font-size: 32px; color: #666; line-height: 1; margin: 30px 0 10px; padding: 5px 0 10px 45px; letter-spacing: 1px; background:url(../images/bg_h3.jpg) no-repeat top left;}
h3 small{ font-size: 18px; color: #FD837E; line-height: 1; margin: 30px 0 10px 10px; padding: 0 0 10px 0; letter-spacing: 1px; background:url(../images/h3_bg.png) no-repeat top left;}
h4 { font-size: 24px; color: #68BAC4; line-height: 1.4; margin: 20px 0 10px; padding: 7px 0 7px 0; border-top: 3px solid #68BAC4; border-bottom: 1px dotted #999; letter-spacing: 2px; }
h5 { font-size: 20px; color: #2C6FA5; line-height: 1; margin: 30px 0 10px; padding: 0 0 0px 0; font-weight:bold; letter-spacing: 2px; }
h6 { font-size: 12px; color: #2C6FA5; line-height: 1; margin: 0px; padding: 7px 0 0 0; font-weight:bold; letter-spacing: 1px; background:url(../images/h3_bg.png) no-repeat top left;}

/* 1-5.ol
	---------------------------------------- */
/*ol*/
ol li { list-style-type: decimal; margin-left: 20px; }
/*===================================*/
/*dl*/
dl { overflow: hidden; }
dl dt { color:#AB9536; font-weight: bold;}
dl dd {}

/*===================================*/
/*ul*/
ul.list {}
ul.list li { list-style-position: inside; list-style:disc; margin: 0 0 0 20px;}
/* 1-8.fonts
	---------------------------------------- */
.c_white { color: #fff; }
.c_red { color: #E6002D; }
.c_pink{ color: #FE675A; }
.c_brown { color: #A64B00;}
.c_gray666 { color: #2C221F; }
.c_gray999 { color: #999; }
.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; line-height: 1.5; }
.f24 { font-size: 24px; line-height: 1.5; }
.f32 { font-size: 32px; line-height: 1.5; }
.f42 { font-size: 42px; line-height: 1.5; }
.fontbold { font-weight: bold; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: right; }
.bgblue { background-color: #DDEEFF; }
.bgofwhite { background-color: #E8E3C4; }
.bggray { background-color: #eee; }
.mincho { font-family: Georgia, 'Droid Sans', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif; }
.reed{ color: #666; font-size: 24px; line-height: 1.5;}
/* 2.Header
========================================== */
/* header */
#headerRap {width:100%; height:116px;}
#headerRap_kasou {width:100%;background:url(../images/header_bg.jpg) repeat-x top left;}
#header {width:960px; height:129px;margin:auto;position:relative;}
h1{ display:block; position:absolute; top: 2px; left:10px; width: 310px; z-index:100;}
#header_logo{ position: absolute; left: 0px; top: 18px; width: 290px; height:91px;}
#header_logo2{ position: absolute; right: 3px; top: 18px; width : 330px; height:91px;}


/* 2-1.Site Title
	---------------------------------------- */
/* 2-2.Header Navi
	---------------------------------------- */

/* 3.Globalnavi
========================================== */
#globalnavi{ background:url(../images/globalnavi_bg.jpg); height:62px;}
#globalnavi > ul{ width: 960px; margin: 0 auto; overflow:hidden;}
#globalnavi > ul > li a{ float:left; display:block; width: 160px;}

/* 4.MainImage
========================================== */
/* 4.MainImage
========================================== */
/* ------ Mainvisual ------ */
#mainImage{width:100%; height:500px; margin:auto; background:url(../images/mainimage_bg.jpg) repeat-x;}
#mainvisual { position: relative; width: 100%; margin:auto;}
#mainvisual-inner {	position: relative;	width: 100%; overflow:hidden;	margin: 0 auto;}
#mainvisual-inner .img { position: absolute; display: none; width: 1280px;		/* 画像の幅 */ margin-left: -640px;	/* -(画像の幅÷2) */ padding-left: 50%; top: 0;}
#mainvisual-inner .img:first-child { position: relative; display: block; }
#mainvisual-btn { display:none; width: 100%; height: 10px; margin-top: 5px; text-align: center; }
#mainvisual-btn div { display: inline-block; width: 10px; height: 10px; margin: 0 8px; overflow: hidden; vertical-align: top; }
#mainvisual-btn div {  *display: inline;}
#mainvisual-btn a { display: block; width: 10px; height: 20px; }
#mainvisual-btn a:link, #mainvisual-btn a:visited { margin-top: 0px; }
#mainvisual-btn a:hover, #mainvisual-btn a:active, #mainvisual-btn a.current { margin-top: -10px; }
#mainvisual-btn a img { vertical-align: top; }
#mainvisual-arrow { position: absolute; z-index: 200; width: 100%; top: 50%; left: 0; margin-top: -20px; }
#mainvisual-arrow-inner { position: relative; width: 100%; max-width: 1100px; margin: 0 auto; }
#mainvisual-arrow .prev, #mainvisual-arrow .next { position: absolute; width: 27px; height: 27px; overflow: hidden; }
#mainvisual-arrow .prev { left: 3%; }
#mainvisual-arrow .next { right: 3%; }
#mainvisual-arrow a { display: block; width: 27px; height: 54px; }
#mainvisual-arrow a:link, #mainvisual-arrow a:visited { margin-top: 0px; }
#mainvisual-arrow a:hover, #mainvisual-arrow a:active { margin-top: -27px; }
#mainvisual-arrow a img { vertical-align: top; }



/* 5.Topicpath
========================================== */

.gotoTopBtn{ width: 100%; text-align: right; padding: 0; margin: 10px 0 0 0;}
.gotoTopBtn a img{ width: 45px;}

/* 7.Footer
========================================== */
#footer1{width:100%; border-top: 1px solid #ccc; margin: 0 0 0 0; background:url(../images/bg_shadowline.jpg) repeat-x left bottom;}
#footer1 > #footer_in {width:960px; margin:auto; overflow:hidden; padding: 15px 0 20px; font-size:12px}

.footerinfo{ width: 50%; float:left; font-size:12px;}
.footernav{ width: 50%; float:right;}
.footernav ul{ border-left: 1px dotted #ccc; padding: 0 0 0 10px; min-height:170px;}
.footernav ul li{ margin: 0 0 10px 0;}

#footer2{width:100%; padding: 15px 0 20px; margin: 0 0 10px 0;}
#footer2 > #footer_in {width:960px; margin:auto; overflow:hidden; text-align:center; font-size:12px;}
#footer2 > #footer_in ul#footer_banner{ width: 760px; float:left; overflow:hidden;}
#footer2 > #footer_in ul#footer_banner li{ float:left; width: 202px; margin: 0 10px 0 0;}
#copy{ width: 100%; text-align:right; padding: 5px 0; font-size:12px;}


/* 6.Contents
========================================== */
.contents{ width:960px; height:auto; margin: 0 auto; overflow:hidden;}
.contents_kasou{ width:960px; height:auto; margin: 0 auto; overflow:hidden;}

.kasou_contact ul li{ float:left; height:120px;}

#top_example_bg{ background:url(../images/top_example_bg.jpg); border-top: 2px solid #1E97C4; padding: 10px 0 20px; margin: 40px 0 0 0;}
#top_example_bg #top_example_inner{ width: 960px; overflow:hidden; margin: auto;}
#top_example_bg #top_example_inner .ttl{ font-size:24px;} 
#top_example_bg #top_example_inner .more{ background:url(../images/icon_arrow_red.jpg) no-repeat right center; padding: 0 15px 0 0; font-size:14px; text-align:right;}
#top_greeting_text{ padding: 0; font-size:17px; width: 960px; margin: auto;}


#top_bnr_box{ overflow:hidden;}
#top_bnr_box .top_bnr{ width: 320px; float:left;}
#top_bnr_box .top_bnr .text-box{ border-left:1px dotted #1E97C4;}
#top_bnr_box .top_bnr .ttl{ display:block; text-align:center; color:#1E97C4; font-size:22px;}
#top_bnr_box .top_bnr .text{ padding:0 10px; font-size:14px;}

#notics{width: 100%; float:left; height:auto; margin: 0 0 0 0;}
#notics h2 { border-top: 2px solid #1E97C4; height:35px; margin: 0 0 0 0;padding: 10px 0 10px 0px; font-size:16px; font-weight:bold; color:#666; display:block; position:relative; font-family: inherit; background:none;}
#notics h2 #golist{ display:block; width: 108px; position:absolute; top: 5px; right:0;}
#notics dl{ overflow:hidden; margin-bottom: 0px; }
#notics dl dt{ clear:both; font-size:14px; float:left; display:block; margin:  0 ; padding:0 0 0 2%; background:url(../images/icon_arrow_blue.jpg) no-repeat left center; color:#666; width: 18%;}
#notics dl dd{display:block; font-size:14px; float:left; padding:0; width: 80%; margin:0;}
#notics dl dd.line{ clear:both; width: 100%; border-bottom:1px dotted #999; padding:20px 0px 0px 0px; margin:  0px 0 20px 0;}


#infobanners{ width: 280px; float:right; margin: 0 0 0 30px;}
#infobanners ul li{ margin-bottom:10px;}

#top_contactus{ width: 100%; margin: 0; padding: 0;}
#top_contactus img{ width:100%;}

#kasou_contactus{ width: 960px; margin:0 auto;}


#topics #list dl dt{ font-size:18px; margin: 10px 0 0 0;}
#topics #list dl dd{ font-size:18px; margin: 0 0 10px 0;}
#topics #list dl dd.line{ border-bottom:1px dotted #999; padding:0px 0px 0px 0px; margin:  20px 0 0 0;}

#topics .unit img{ width: 90%; display:block; margin:10px auto;}

#banner_top{ width: 960px; margin: auto; overflow:hidden;}
#banner_top #banner_top_faq{ float:left; width: 230px; margin: 0 10px 0 0; padding: 79px 0 0 0; height:230px;}
#banner_top #banner_top_staff{ float:left; width: 230px; margin: 0 10px 0 0; padding: 79px 0 0 0; height:230px;}
#banner_top #banner_top_beginner{ float:left; width: 480px; margin: 0 0 0 0; height:309px;}

#information table.ryoukinhyou tr td,#information table.ryoukinhyou tr th{ padding:20px 0 20px 10px; font-size:18px;}
#information table.ryoukinhyou tr td.ttl,#information table.ryoukinhyou tr th.ttl{ padding:10px 0 10px 10px; font-size:16px; font-weight:bold;}

#access iframe{ width: 960px; height:450px}

#flowbox .flow{ border-radius:5px; border: 2px solid #F7A409; margin: 10px auto 0px;  min-height:195px; display:block; overflow:hidden;}
#flowbox .flow h5{ position:absolute; top: 10px; left:70px; font-family: Georgia, 'Droid Sans', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif; font-size:23px; color:#F7A409; font-weight:bold; display:block; border-top: 0px;}
#flowbox .flow .image{ float:right; width: 40%;}
#flowbox .flow .text{ float:left; width: 60%;}
#flowbox .flow .text p,#flowbox .flow .text dl{ padding: 70px 10px 0 70px ; display:block;}
#flowbox .flow1{ position:relative; background:url(../images/flow1.png) no-repeat 5px 5px #fff;}
#flowbox .flow2{ position:relative; background:url(../images/flow2.png) no-repeat 5px 5px #fff;}
#flowbox .flow3{ position:relative; background:url(../images/flow3.png) no-repeat 5px 5px #fff;}
#flowbox .flow4{ position:relative; background:url(../images/flow4.png) no-repeat 5px 5px #fff;}
#flowbox .flow5{ position:relative; background:url(../images/flow5.png) no-repeat 5px 5px #fff;}
#flowbox .flow6{ position:relative; background:url(../images/flow6.png) no-repeat 5px 5px #fff;}
#flowbox .flow7{ position:relative; background:url(../images/flow7.png) no-repeat 5px 5px #fff;}
#flowbox .flow8{ position:relative; background:url(../images/flow8.png) no-repeat 5px 5px #fff;}
#flowbox .flow9{ position:relative; background:url(../images/flow9.png) no-repeat 5px 5px #fff;}
#flowbox .flow10{ position:relative; background:url(../images/flow10.png) no-repeat 5px 5px #fff;}
#flowbox .flow11{ position:relative; background:url(../images/flow11.png) no-repeat 5px 5px #fff;}
#flowbox .flow12{ position:relative; background:url(../images/flow12.png) no-repeat 5px 5px #fff;}
#flowbox .flow_arrow{ width: 100%; text-align:center;}


#topics #list dl dt{ font-size:18px; margin: 10px 0 0 0;}
#topics #list dl dd{ font-size:18px; margin: 0 0 10px 0;}
#topics #list dl dd.line{ border-bottom:1px dotted #999; padding:0px 0px 0px 0px; margin:  20px 0 0 0;}
#topics .unit img{ width: 90%; display:block; margin:10px auto;}


#faq #faq_title { padding: 0 0 0 10px;}
#faq #faq_title ul li:nth-child(odd){ background:#eee;}
#faq #faq_title ul li{ list-style-image: url(../images/faq_bg_mini.png); list-style-position:inside; margin: 0 0 0 0; padding: 7px 0;}
#faq #faq_title dl dt { background:url(../images/faq_bg.png) no-repeat left center; min-height:54px; margin: 10px 0 0 0;}
#faq #faq_title dl dt p{ color:#93A800; line-height:1.1; font-size:22px; padding: 15px 0 0 58px; font-weight:normal;}
#faq #faq_title dl dd { padding: 0 10px 20px 60px; margin: 10px 0 20px 0; border-bottom:#999 dashed 1px;}
#faq #faq_title dl dd:nth-last-child(1){ border-bottom:#999 dashed 0px;} 


#faq #faq_title .unit img{ width: auto; max-width: 100%; margin: auto; display:block;}





/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 959px) {
#wrapper .container { width: 90%; margin: 0 auto; }
/* 2.Header
========================================== */
/* header */
/* 2.Header
========================================== */
/* header */
#headerRap {width:100%;height:129px;}
#headerRap_kasou {width:100%;background: none;}
#header {width:100%; height:129px;margin:auto;position:relative;}
h1{ padding: 5px 0 0 0; line-height:1;}
#header_logo{ position: absolute; left: 2px; top: 20px; width: 260px; height:93px;}
#header_logo2{ position: absolute; right: 0px; top: 20px; width : 299px; height:93px;}


/* 3.Globalnavi
========================================== */
#globalnavi{ width: 100%; background: none; height: auto;}
#globalnavi > ul{ width: auto; display:block; margin: 0 auto; overflow:hidden;}
#globalnavi > ul > li a{ float:left; display:block; width: 16%;}


/* 4.MainImage
========================================== */
/* ------ Mainvisual ------ */
#mainImage{width:100%; height: auto; margin:auto; background:url(../images/mainimage_bg.jpg) repeat-x;}
#mainvisual { position: relative; width: 100%; margin:auto;}
#mainvisual-inner {	position: relative;	width: 100%; overflow:hidden;	margin: 0 auto;}
#mainvisual-inner .img { position: absolute; display: none; width: 100%;		/* 画像の幅 */ margin-left: 0;	/* -(画像の幅÷2) */ padding-left: 0; top: 0;}
#mainvisual-inner .img:first-child { position: relative; display: block; }
#mainvisual-btn { display:none; width: 100%; height: 10px; margin-top: 5px; text-align: center; }
#mainvisual-btn div { display: inline-block; width: 10px; height: 10px; margin: 0 8px; overflow: hidden; vertical-align: top; }
#mainvisual-btn div {  *display: inline;}
#mainvisual-btn a { display: block; width: 10px; height: 20px; }
#mainvisual-btn a:link, #mainvisual-btn a:visited { margin-top: 0px; }
#mainvisual-btn a:hover, #mainvisual-btn a:active, #mainvisual-btn a.current { margin-top: -10px; }
#mainvisual-btn a img { vertical-align: top; }
#mainvisual-arrow { position: absolute; z-index: 200; width: 100%; top: 50%; left: 0; margin-top: -20px; }
#mainvisual-arrow-inner { position: relative; width: 100%; max-width: 1100px; margin: 0 auto; }
#mainvisual-arrow .prev, #mainvisual-arrow .next { position: absolute; width: 27px; height: 27px; overflow: hidden; }
#mainvisual-arrow .prev { left: 3%; }
#mainvisual-arrow .next { right: 3%; }
#mainvisual-arrow a { display: block; width: 27px; height: 54px; }
#mainvisual-arrow a:link, #mainvisual-arrow a:visited { margin-top: 0px; }
#mainvisual-arrow a:hover, #mainvisual-arrow a:active { margin-top: -27px; }
#mainvisual-arrow a img { vertical-align: top; }


/* 5.Topicpath
========================================== */
/* 7.Footer
========================================== */
#footer1{width:100%; border-top: 1px solid #ccc; margin: 0 0 0 0; background:url(../images/bg_shadowline.jpg) repeat-x left bottom;}
#footer1 > #footer_in {width:100%; margin:auto; overflow:hidden; padding: 15px 0 20px; font-size:12px}

.footerinfo{ width: 50%; float:left; font-size:12px;}
.footernav{ width: 50%; float:right;}
.footernav ul{ border-left: 1px dotted #ccc; padding: 0 0 0 10px; min-height:170px;}
.footernav ul li{ margin: 0 0 10px 0;}

#footer2{width:100%; padding: 15px 0 20px; margin: 0 0 10px 0;}
#footer2 > #footer_in {width: 100%; margin:auto; overflow:hidden; text-align:center; font-size:12px;}
#footer2 > #footer_in ul#footer_banner{ width: 760px; float:left; overflow:hidden;}
#footer2 > #footer_in ul#footer_banner li{ float:left; width: 202px; margin: 0 10px 0 0;}
#copy{ width: 100%; text-align:right; padding: 5px 0; font-size:12px;}



#top_bnr_box{ overflow:hidden;}
#top_bnr_box .top_bnr{ width: 33%; float:left;}
#top_bnr_box .top_bnr .text-box{ border-left:1px dotted #1E97C4;}
#top_bnr_box .top_bnr .ttl{ display:block; text-align:center; color:#1E97C4; font-size:22px;}
#top_bnr_box .top_bnr .text{ padding:0 10px; font-size:14px;}


/* 6.Contents
========================================== */
.contents{ width:90%; height:auto; margin: 0 auto; overflow:hidden;}
.contents_kasou{ width:90%; height:auto; margin: 0 auto; overflow:hidden;}


#top_read{ background:url(../images/top_read_bg.jpg) repeat-x left top; height: 265px;}
#top_read div{ margin:auto; width:980px;}



#top_greeting_img{ float: none;width: 100%;}
#top_greeting_text{ float: none; width:100%; font-size:16px;}
#top_greeting_text p,#top_greeting_text div{ padding: 0 0 0 10px;}
#access iframe{ width: 100%; height:300px}

#top_example_bg{ background:url(../images/top_example_bg.jpg); border-top: 2px solid #1E97C4; padding: 10px 0 20px; margin: 40px 0 0 0;}
#top_example_bg #top_example_inner{ width: 100%; overflow:hidden; margin: auto;}
#top_example_bg #top_example_inner .ttl{ font-size:24px;} 
#top_example_bg #top_example_inner .more{ background:url(../images/icon_arrow_red.jpg) no-repeat right center; padding: 0 15px 0 0; font-size:14px; text-align:right;}


#top_contactus{  width:100%; margin: 0; padding: 0;}
#top_contactus img{ width:100%;} 

#kasou_contactus{ width:100%; margin:0 auto;}

}







/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 768px) {
/* 2.Header
========================================== */
/* header */
#headerRap {width:100%;height:119px;}
#headerRap_kasou {width:100%;background: none;}
#header {width:100%; height:119px;margin:auto;position:relative;}
h1{ padding: 5px 0 0 0; line-height:1;}
#header_logo{ position: absolute; left: 2px; top: 30px; width: 200px; height: auto;}
#header_logo img{ width:100%;}
#header_logo2{ position: absolute; right: 0px; top: 30px; width : 239px; height: auto;}
#header_logo2 img{ width:100%;}


/* 3.Globalnavi
========================================== */
#globalnavi{ width: 100%; background: none; height: auto;}
#globalnavi > ul{ width: auto; margin: 0 auto; overflow:hidden; display:block;}
#globalnavi > ul > li a{ float:left; display:block; width: 33%; text-align:center;}
.oshirase{ display:none;}

/* 5.Topicpath
========================================== */



/* 6.Contents
========================================== */

#top_greeting_img{ display:none;}
#top_greeting_text{ float: none; width:100%; font-size:16px;}
#top_greeting_text p,#top_greeting_text div{ padding: 0 0 0 10px;}


#top_contactus{ width: 100%; margin: 0; padding: 0; float: none;}

 }


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {
 
 /* 1-4.h
	---------------------------------------- */
h1 { font-size:12px;}
h2 { color:#68BAC4; font-size:28px; line-height:1.7; font-weight: normal; letter-spacing:1.2px; border-top: 5px solid #68BAC4;  padding: 0 0 10px 0; margin: 20px 0 0 0;}
h2 small{ color:#333; font-size:12px; font-weight:normal; padding: 0 0 0 10px;}
h3 { font-size: 24px; color: #666; line-height: 1; margin: 30px 0 10px; padding: 5px 0 10px 45px; letter-spacing: 1px; background:url(../images/bg_h3.jpg) no-repeat top left;}
h3 small{ font-size: 16px; color: #FD837E; line-height: 1; margin: 30px 0 10px 10px; padding: 0 0 10px 0; letter-spacing: 1px; background:url(../images/h3_bg.png) no-repeat top left;}
h4 { font-size: 20px; color: #68BAC4; line-height: 1.4; margin: 0 0 10px; padding: 7px 0 7px 0; border-top: 3px solid #68BAC4; border-bottom: 1px dotted #999; letter-spacing: 2px; }
h5 { font-size: 16px; color: #2C6FA5; line-height: 1; margin: 30px 0 10px; padding: 0 0 0px 0; font-weight:bold; letter-spacing: 2px; }
h6 { font-size: 12px; color: #2C6FA5; line-height: 1; margin: 0px; padding: 7px 0 0 0; font-weight:bold; letter-spacing: 1px; background:url(../images/h3_bg.png) no-repeat top left;}


/* 1-8.fonts
	---------------------------------------- */

.f24 { font-size: 20px; line-height: 1.2; }
.f32 { font-size: 24px; line-height: 1.2; }
.f42 { font-size: 28px; line-height: 1.2; }

/* 2.Header
========================================== */
/* header */
#headerRap {width:100%;height: auto;}
#headerRap_kasou {width:100%;background: none;}
#header {width:100%; height: auto;margin:auto;position: static;}
h1{ width: 100%; padding: 5px 0 0 0; line-height:1; text-align:center; }
#header_logo{ position: static; left: 2px; top: 30px; width: 200px; height: auto; margin: 20px auto 0;}
#header_logo img{ width:100%;}
#header_logo2{ position: static; right: 0px; top: 30px; width : 200px; height: auto; margin:auto;}
#header_logo2 img{ width:100%;}

/* 7.Footer
========================================== */
#footer1{width:100%; border-top: 1px solid #ccc; margin: 0 0 0 0; background:url(../images/bg_shadowline.jpg) repeat-x left bottom;}
#footer1 > #footer_in {width:100%; margin:auto; overflow:hidden; padding: 15px 0 20px; font-size:12px}

.footerinfo{ width: 100%; float: none; font-size:12px; text-align:center;}
.footernav{ width: 100%; float: none; border-top: 1px solid #ccc; margin: 10px 0 0 0; padding: 0 0 10px 0;}
.footernav .span4{ width: 31% !important; float:left !important;}
.footernav ul{ border-left: 1px dotted #ccc; padding: 0 0 0 10px; min-height:170px;}
.footernav ul li{ margin: 0 0 10px 0;}

#footer2{width:100%; padding: 15px 0 20px; margin: 0 0 10px 0;}
#footer2 > #footer_in {width: 100%; margin:auto; overflow:hidden; text-align:center; font-size:12px;}
#footer2 > #footer_in ul#footer_banner{ width: 760px; float:left; overflow:hidden;}
#footer2 > #footer_in ul#footer_banner li{ float:left; width: 202px; margin: 0 10px 0 0;}
#copy{ width: 100%; text-align:right; padding: 5px 0; font-size:12px;}


/* 6.Contents
========================================== */

#top_bnr_box{ overflow:hidden;}
#top_bnr_box .top_bnr{ width: 100%; float:none;}
#top_bnr_box .top_bnr .text-box{ border-left:1px dotted #1E97C4;}
#top_bnr_box .top_bnr .ttl{ display:block; text-align:center; color:#1E97C4; font-size:22px;}
#top_bnr_box .top_bnr .text{ padding:0 10px; font-size:14px;}

#top_example_bg #top_example_inner .span4{margin: 10px 0 0 0;}
#top_example_bg #top_example_inner .span4 iframe{ width: 100%;}


#notics{width: 100%; float:left; height:auto; margin: 0 0 0 0;}
#notics h2 { border-top: 2px solid #1E97C4; height:35px; margin: 0 0 0 0;padding: 10px 0 10px 0px; font-size:16px; font-weight:bold; color:#666; display:block; position: static; font-family: inherit; background:none;}
#notics h2 #golist{ display:block; width: 108px; position: static; top: 5px; right:0;}
#notics dl{ overflow:hidden; margin-bottom: 0px; margin-top: 10px;}
#notics dl dt{ clear:both; font-size:14px; float: none; display:block; margin:  0 ; padding:0 0 0 5%; background:url(../images/icon_arrow_blue.jpg) no-repeat left center; color:#666; width: 95%;}
#notics dl dd{display:block; font-size:14px; float: none; padding:0; width: 100%; margin:0;}
#notics dl dd.line{ clear:both; width: 100%; border-bottom:1px dotted #999; padding:20px 0px 0px 0px; margin:  0px 0 20px 0;}

#access iframe{ width: 100%; height:230px}

#information table.ryoukinhyou tr td,#information table.ryoukinhyou tr th{ padding:20px 0 20px 7px; font-size:12px; width: 33%;}
#information table.ryoukinhyou tr td.ttl,#information table.ryoukinhyou tr th.ttl{ padding:10px 0 10px 10px; font-size:14px; font-weight:bold;}
}