@charset "utf-8";

/* Base
----------------------------------------------------*/

html{
font-size:97%;
}

body{
	font-size:75%; /* 12px */
	-webkit-text-size-adjust : none;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
vertical-align:baseline;
font-style:normal;
font-weight:normal;
font-family:"メイリオ", Osaka, "ヒラギノ角ゴ Pro W3",Meiryo UI,"Segoe UI Light","ＭＳ Ｐゴシック",sans-serif;
}

h1, h2, h3, h4, h5, h6{
line-height:1.3;
font-weight:normal;
font-size:100%;
}


p{
width: 98%;
	margin-right: auto;
	margin-left: auto;
}

li,
dt, dd,
th, td{
line-height:1.8;
}

ul, ol{
list-style-type:none;
list-style-position:outside;
}

img{
vertical-align:bottom;
}

a img{
border:0;
}

/*　　*/

.center-text {
	text-align:center;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.clearboth {
	clear:both;
}

.margin-b_10 {
	margin-bottom: 10px;
}

.margin-b_20 {
	margin-bottom: 20px;
}

.margin-b_30 {
	margin-bottom: 30px;
}

.contents-box {
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
}

.contents-box2 {
	width:670px;
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
}


/* トップページPC
--------------------------------------------------------------------------------------*/

/*　ヘッダー　*/

.header {
	height: auto;
	overflow: hidden;
	background-color: #3399CC;
}
.header-contents {
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	overflow: hidden;
}
.toph1 {
	font-size: 10px;
	color: #FFF;
	margin-bottom: 27px;
}
.header-logo {
	float: left;
}
.header-info {
	float: right;
}


/* グローバルメニュー*/

.globalmenu-back{
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.globalmenu{
	width: 960px;
	height: auto;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-bottom: 15px;
}
.globalmenu ul li{
	float: left;
}
.globalmenu-1 a{
	display:block;
	overflow:hidden;
	height:73px;
	background-image: url(../img/globalmenu-1.jpg);
	text-indent: -9999px;
	width:160px;
}
.globalmenu-2 a{
	display:block;
	overflow:hidden;
	height:73px;
	background-image: url(../img/globalmenu-2.jpg);
	text-indent: -9999px;
	width:160px;
}
.globalmenu-3 a{
	display:block;
	overflow:hidden;
	height:73px;
	background-image: url(../img/globalmenu-3.jpg);
	text-indent: -9999px;
	width:160px;
}
.globalmenu-4 a{
	display:block;
	overflow:hidden;
	height:73px;
	background-image: url(../img/globalmenu-4.jpg);
	text-indent: -9999px;
	width:160px;
}
.globalmenu-5 a{
	display:block;
	overflow:hidden;
	height:73px;
	background-image: url(../img/globalmenu-5.jpg);
	text-indent: -9999px;
	width:160px;
}
.globalmenu-6 a{
	display:block;
	overflow:hidden;
	height:73px;
	background-image: url(../img/globalmenu-6.jpg);
	text-indent: -9999px;
	width:160px;
}
.globalmenu-1 a:hover{
	background-image: url(../img/globalmenu-1_hover.jpg);
}  
.globalmenu-2 a:hover{
	background-image: url(../img/globalmenu-2_hover.jpg);
} 
.globalmenu-3 a:hover{
	background-image: url(../img/globalmenu-3_hover.jpg);
} 
.globalmenu-4 a:hover{
	background-image: url(../img/globalmenu-4_hover.jpg);
} 
.globalmenu-5 a:hover{
	background-image: url(../img/globalmenu-5_hover.jpg);
} 
.globalmenu-6 a:hover{
	background-image: url(../img/globalmenu-6_hover.jpg);
} 

/*　--------------　*/

.main {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 10px;
	clear: both;
}

/*　見出し・画像　*/

.midashi_1 {
	font-size: 20px;
	color: #3399CC;
	text-align: center;
	background-image: url(../img/midashi-back_1.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.midashi_2 {
	background-image: url(../img/midashi-back_2.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left top;
	margin-bottom: 20px;
	height: 38px;
	padding-top: 5px;
}
.midashi_3 {
	background-image: url(../img/midashi-back_3.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left top;
	height: 26px;
	padding-top: 4px;
	margin-bottom: 10px;
}
.midashi_4 {
	background-image: url(../img/midashi-back_4.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left top;
	height: 32px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #359ACE;
	font-weight: bold;
	padding-top: 8px;
}
.midashi_5 {
	font-size: 16px;
	color: #3599CB;
	margin-bottom: 10px;
	font-weight: bold;
}

.midashi_5_ {
	font-size: 16px;
	color: #356899;
	margin-bottom: 10px;
	font-weight: bold;
}

.midashi_6 {
	font-size: 14px;
	margin-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #8DC5E2;
	color: #82BEDF;
}
.pic-left {
	float: left;
}

.pic-waku {
	border: 1px solid #CCC;
	padding: 3px;
}

/*　メインイメージ　*/

.main-image {
	text-align:center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

/*　メインコンテンツ　*/

.main-contents {
	width: 100%;
}
.main-cont1_logo {
	text-align: center;
}
.main-cont1_title {
	text-align: center;
	margin-bottom:25px;
	padding-top: 8px;
	padding-bottom: 8px;	
}
.main-cont1_box1 {
	background-color: #8DC5E2;
	width: 310px;
	float: left;
	margin-bottom: 20px;
}
.main-cont1_box2 {
	background-color: #5BABD7;
	width: 310px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
}
.main-cont1_box3 {
	background-color: #3398CC;
	width: 310px;
	float: left;
	margin-bottom: 20px;
}
.main-cont1_text {
	color: #333;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}
.main-cont2 {
	height: auto;
	border: 1px solid #999;
	margin-bottom: 40px;
	padding: 20px;
}
.main-cont2_box {
	overflow: hidden;
}
.main-cont2_text {
	float: right;
	width: 62%;
}
.main-cont3_box1 {
	float: left;
	height: auto;
	width: 64%;
}
.main-cont3_box2 {
	float: right;
	height: auto;
	width: 33%;
}
.main-cont_3-text {
	float: right;
	width: 48%;
}
.main-cont3_midashi {
	color: #336699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336699;
	margin-bottom: 10px;
}
.info-box {
	border: 1px solid #999;
	height: 280px;
	padding: 15px;
}

/*　フッター　*/

.footer {
	background-color: #356899;
	clear: both;
	height: auto;
}
.footer-contents {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
	color: #FFF;
}

/*　コピーライト　*/

.copyright {
	color: #FFF;
	background-color: #333333;
	text-align: right;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
}


/*　中ページ　*/

.page-contents {
	float: left;
	height: auto;
	width: 70%;
	margin-bottom: 20px;
}
.side-contents {
	float: right;
	height: auto;
	width: 27%;
}
.contents-text {
	float: left;
	width: 61%;
}
.contents-pic {
	float: right;
}
.contents-table {
	width: 100%;
	margin-bottom:30px;
}
.contents-table th{
	background-color: #DBEDF7;
	padding: 5px;
	width: 20%;
}
.contents-table td{
	padding: 5px;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #E1E1E1;
}
.greeting-pic {
	float:right;
	height:auto;
	margin-left:5px;
	margin-bottom:5px;
}
.greeting-l {
	float: left;
	width: 20%;
	clear: both;
}
.access-map {
	padding: 3px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	margin-bottom:30px;
}


/*　中ページ・サイドメニュー　*/

.sidemenu-back {
	background-color: #EBEBEB;
	height: auto;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.sidemenu ul li {
	background-color: #FFF;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #999;
	padding: 5px 5px 5px 12px;;
	margin-bottom: 8px;
}
.sidemenu ul li a{
	text-decoration:none;
	color:#333;
}

/* タブレット縦
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
	
.header-contents {
	height: auto;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	overflow: hidden;
}
	
.toph1 {
	font-size: 10px;
	color: #FFF;
	margin-bottom: 27px;
}
.header-logo {
	float: left;
}
.header-info {
	float: right;
}

/* グローバルメニュー*/

.globalmenu{
	width: 96%;
	margin:0 auto;
	overflow:hidden;
	margin-bottom: 10px;
}
.globalmenu-1{
	width:33%;
	height:auto;		
}
.globalmenu-2{
	width:33%;
	height:auto;	
}
.globalmenu-3{
	width:33%;
	height:auto;
	margin-top:5px;		
}
.globalmenu-4{
	width:33%;
	height:auto;
	margin-top:5px;		
}
.globalmenu-5{
	width:33%;
	height:auto;
	margin-top:5px;		
}
.globalmenu-6{
	width:33%;
	height:auto;
	margin-top:5px;
}
.globalmenu-1 a:hover{
	background-image: url(../img/globalmenu-1_hover.jpg);
}  
.globalmenu-2 a:hover{
	background-image: url(../img/globalmenu-2_hover.jpg);
} 
.globalmenu-3 a:hover{
	background-image: url(../img/globalmenu-3_hover.jpg);
} 
.globalmenu-4 a:hover{
	background-image: url(../img/globalmenu-4_hover.jpg);
} 
.globalmenu-5 a:hover{
	background-image: url(../img/globalmenu-5_hover.jpg);
} 
.globalmenu-6 a:hover{
	background-image: url(../img/globalmenu-6_hover.jpg);
}

/*　メインイメージ　*/

.main-image {
	width: 98%;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.main-image img{
	max-width:50%;
	height:auto;
}

/*　--------------　*/

.main {
	width: 98%;
	overflow: hidden;
	margin-bottom: 10px;
	clear: both;
	margin-left:auto;
	margin-right:auto;
} 

/*　メインコンテンツ　*/

.main-contents {
	width: 100%;
}

.main-cont1_logo {
	width: 100%;
	margin-bottom:10px;
}
.main-cont1_logo img{
	text-align:center;
	max-width:100%;
	height:auto;
}
.main-cont1_title {
	width: 100%;
	margin-bottom:25px;
}
.main-cont1_title img{
	text-align:center;
	max-width:100%;
	height:auto;
}
.main-cont1_box1 {
	background-color: #8DC5E2;
	float:none;
	width:100%;
	margin:0 0 10px 0;
}
.main-cont1_box2 {
	background-color: #5BABD7;
	float:none;
	width:100%;
	margin:0 0 10px 0;
}
.main-cont1_box3 {
	background-color: #3398CC;
	float:none;
	width:100%;
	margin:0 0 10px 0;
}
.main-cont1_text {
	color: #333;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}

.main-cont2 {
	height: auto;
	border: 1px solid #999;
	margin-bottom: 40px;
	padding: 20px;
}
.main-cont2_box {
	overflow: hidden;
}
.main-cont2_text {
	float: right;
	width:62%;
	margin-left:5px;
}

.main-cont3_box1 {
	float: none;
	height: auto;
	width: 100%;
}
.main-cont3_box2 {
	float: none;
	height: auto;
	width: 100%;
	clear:both;
}
.main-cont_3-text {
	float: right;
	width:62%;
	margin-left:5px;
}

.main-cont3_midashi {
	color: #336699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336699;
}
.info-box {
	border: 1px solid #999;
	height: 280px;
	padding: 15px;
}

.pic-left {
	float: left;
	width:36%;
	height:auto;
}

.pic-left img{
	max-width:100%;
	height:auto;
}



.contents-text {
	float: left;
	width:65%;
	margin-left:5px;
}

	
	

/*　フッター　*/

.footer {
	background-color: #356899;
	clear: both;
	height: auto;
}
.footer-contents {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
	color: #FFF;
}

/*　コピーライト　*/

.copyright {
	color: #FFF;
	background-color: #333333;
	text-align: right;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
}

/*　中ページ　*/

.page-contents {
	float: none;
	height: auto;
	width: 98%;
	margin-left:auto;
	margin-right:auto;
}

.side-contents {
	float: none;
	height: auto;
	width: 98%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
.contents-text {
	float: left;
	width:65%;
	margin-left:5px;
}
.contents-pic {
	float:right;
	height:auto;
}
.contents-pic img{
	max-width:100%;
	height:auto;
}
.greeting-l {
	float: none;
	width: 100%;
}

/*　中ページ・サイドメニュー　*/

.sidemenu-back {
	background-color: #EBEBEB;
	height: auto;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.sidemenu ul li {
	background-color: #FFF;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #999;
	padding: 5px 5px 5px 12px;;
	margin-bottom: 8px;
}
.sidemenu ul li a{
	text-decoration:none;
	color:#333;
}
	
	
}


/* スマートフォン横
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 648px) {
	

/*　ヘッダー　*/

.header-contents {
	height: auto;
	width: 100%;
	padding-bottom: 30px;
	overflow: hidden;
	text-align:center;
}
.toph1 {
	font-size: 10px;
	color: #FFF;
	margin-bottom: 27px;
	text-align:center;
}
.header-logo {
	float:none;
	margin-bottom:20px;
}
.header-logo img{
	max-width:100%;
	text-align:center;
}
.header-info {
	float:none;
}
.header-info img{
	max-width:100%;
	text-align:center;
}


/*　メインイメージ　*/

.main-image {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.main-image img{
	max-width:100%;
	height:auto;
	text-align:center;
}

/*　見出し・画像　*/

.pic-left {
	text-align:center;
	float: none;
	margin-bottom:20px;
	width:100%;
}

/*　メインコンテンツ　*/

.main-cont2 {
	height: auto;
	border: 1px solid #999;
	margin-bottom: 40px;
	padding: 20px;
}
.main-cont2_box {
	overflow: hidden;
}
.main-cont2_text {
	float: none;
	width:96%
}
.main-cont3_box1 {
	float: none;
	height: auto;
	width: 100%;
}
.main-cont3_box2 {
	float: none;
	height: auto;
	width: 100%;
}
.main-cont_3-text {
	float: none;
	width:100%;
	margin-bottom:20px;
}
.main-cont3_midashi {
	color: #336699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336699;
}
.info-box {
	border: 1px solid #999;
	height: 280px;
	padding: 15px;
}


/*　中ページ　*/

.contents-text {
	float: left;
	width:50%;
	margin-left:5px;
}
.contents-pic {
	float:right;
	width:48%;
	height:auto;
}
.contents-pic img{
	max-width:100%;
	height:auto;
}

}

/* スマートフォン縦
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 479px) {


/* グローバルメニュー*/

.globalmenu{
	width: 96%;
	margin:0 auto;
	overflow:hidden;
	margin-bottom: 10px;
}
.globalmenu-1{
	width:50%;
	height:auto;		
}
.globalmenu-2{
	width:50%;
	height:auto;	
}
.globalmenu-3{
	width:50%;
	height:auto;
	margin-top:5px;		
}
.globalmenu-4{
	width:50%;
	height:auto;
	margin-top:5px;		
}
.globalmenu-5{
	width:50%;
	height:auto;
	margin-top:5px;		
}
.globalmenu-6{
	width:50%;
	height:auto;
	margin-top:5px;
}
.globalmenu-1 a:hover{
	background-image: url(../img/globalmenu-1_hover.jpg);
}  
.globalmenu-2 a:hover{
	background-image: url(../img/globalmenu-2_hover.jpg);
} 
.globalmenu-3 a:hover{
	background-image: url(../img/globalmenu-3_hover.jpg);
} 
.globalmenu-4 a:hover{
	background-image: url(../img/globalmenu-4_hover.jpg);
} 
.globalmenu-5 a:hover{
	background-image: url(../img/globalmenu-5_hover.jpg);
} 
.globalmenu-6 a:hover{
	background-image: url(../img/globalmenu-6_hover.jpg);
}*/ 


/*　コピーライト　*/

.copyright {
	color: #FFF;
	background-color: #333333;
	text-align:center;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
}

/*　中ページ　*/

.contents-text {
	float: none;
	width: 95%;
	margin-bottom:10px;
}
.contents-pic {
	float: none;
	width: 100%;
	height:auto;
	text-align:center;
}
.contents-pic img{
	max-width:100%;
	height:auto;
}
.contents-table {
	width: 100%;
	margin-bottom:30px;
}
.contents-table th{
	background-color: #DBEDF7;
	padding: 5px;
	width: 30%;
}
.contents-table td{
	padding: 5px;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #E1E1E1;
}
.greeting-pic {
	float:none;
	height:auto;
	text-align:center;
	margin-bottom:10px;
}
.greeting-l {
	float: left;
	width: 20%;
	clear: both;
}

}