@charset "utf-8";


body {
background-color: #ffffff;
background-image: url(img/back-border.jpg);
background-repeat: repeat-y;
background-position: top center;
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

img {vertical-align:top;}

/*########## 全体コンテナ ##########*/
div#container {
width: 920px;
margin-left: auto;
margin-right: auto;
}

/*########## ヘッダー ##########*/
div#header {
background-color: #ffffff;
background-image: url(img/info102.jpg);
width: 900px;
height: 200px;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
}

div#header h1 {
font-size: 90%;
color: #666666;
padding-left: 230px;
padding-top: 6px;
}

/*########## 左コンテンツ ##########*/
div#content1 {
display: inline;
width: 600px;
float: left;
margin-top: 20px;
_margin-left: 5px;
margin-left: 10px;
margin-bottom: 50px;
}


div#content1 h2 {
font-size: 120%;
color: #CC0000;
margin-top: 20px;
letter-spacing: 0.1em;
}


div#content1 h3 {
font-size: 110%;
color: #000000;
margin-top: 20px;
letter-spacing: 0.1em;
}

div#content1 p {
font-size: 100%;
line-height: 150%;
color: #444444;
margin-top: 2px;
}

div#content1 h4 {
font-size: 80%;
line-height: 150%;
color: #444444;
}


/*########## 右コンテンツ ##########*/
div#content2 {
display: inline;
width: 260px;
float: right;
margin-top: 20px;
_margin-right: 5px;
margin-right: 10px;
margin-bottom: 0px;
}

div#content2 h2	{
background-color: #ffcc00;
border-bottom: solid 1px #ffcc00;
color: #ffffff;
font-size: 13px;
text-align: center;
padding: 5px;
margin-top: 0;
margin-bottom: 3px
}


div#content2 p {
font-size: 11px;
line-height: 130%;
color: #444444;
margin-top: 2px;
letter-spacing: 0.1em;
}

div.info {
border: solid 1px #ffcc00;
margin-top: 10px
margin-bottom: 20px
}
 

div#content2 ul	{
font-size: 80%;
line-height: 140%;
margin: 5px;
padding: 0
}
 
div#content2 ul li {
background-image: url(img/maru-green.png);
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 13px;
list-style-type: none
}
 
span.form1 { font-size: 11px; }
span.red { color: #CC0000; }

.banner_space{
	text-align:center;
	width:auto;
}
	
.banner_space img{
	display:inline-block;
	margin-bottom:6px;
}

.sitetop_btn{ margin:8px 0;}


/*########## 右下コンテンツ ##########*/

div#content3 p {
font-size: 90%;
line-height: 120%;
color: #444444;
}

/*########## フッター ##########*/
.footer{
	width:98%;
	margin:0px auto 20px;
	font-size: 90%;
	border-top:2px #333333 solid;
	padding-top:10px;
	clear:both;
}



/*########## media880px #####################################*/

@media (max-width : 880px){
body {
background-image: none;
}

/*########## 全体コンテナ ##########*/
div#container {
width:auto;
margin-left: 0;
margin-right: 0;
}

/*########## ヘッダー ##########*/
div#header {
background-color: #ffffff;
margin-top:0;
margin-left: 0;
margin-right: 0;
width: 100%;
    height: 200px;
    background: url(img/info102.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
}

div#header h1 {
font-size: 90%;
color: #000000;
padding-left: 14px;
padding-top: 6px;
}

/*########## 左コンテンツ ##########*/
div#content1 {
display:block;
width:auto;
float: none;
margin-top: 20px;
margin-left: 10px;
margin-right:10px;
margin-bottom: 40px;
}


div#content1 h2 {
font-size: 120%;
color: #CC0000;
margin-top: 20px;
letter-spacing: 0.1em;
}


div#content1 h3 {
font-size: 110%;
color: #000000;
margin-top: 20px;
letter-spacing: 0.1em;
}

div#content1 p {
font-size: 100%;
line-height: 150%;
color: #444444;
margin-top: 2px;
}

div#content1 h4 {
font-size: 80%;
line-height: 150%;
color: #444444;
}


/*########## 右コンテンツ ##########*/
div#content2 {
display: inline;
width:auto;
float: none;
margin-top: 20px;
_margin-right: 5px;
margin-right: 10px;
margin-bottom: 0px;
}

div#content2 h2	{
background-color: #ffcc00;
border-bottom: solid 1px #ffcc00;
color: #ffffff;
font-size: 13px;
text-align: center;
padding: 5px;
margin-top: 0;
margin-bottom: 3px
}


div#content2 p {
font-size: 11px;
line-height: 130%;
color: #444444;
margin-top: 2px;
letter-spacing: 0.1em;
}

div.info {
border: solid 1px #ffcc00;
margin-bottom: 20px
}
 

div#content2 ul	{
font-size: 80%;
line-height: 140%;
margin: 8px 5px;
padding: 0
}
 
div#content2 ul li {
display:inline-block;
width:30%;
background-image: url(img/maru-green.png);
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 13px;
list-style-type: none;
margin-bottom:6px;
}
 

span.form1 { font-size: 11px; }
span.red { color: #CC0000; }

.banner_space {margin:16px 0 16px;}
.banner_space img{width:48%;
	margin:4px;}
	
.sitetop_btn{
width:auto;
text-align:right;
margin:8px 0;}


/*########## 右下コンテンツ ##########*/

div#content3 p {
font-size: 90%;
line-height: 120%;
color: #444444;
}

}



/*########## media600px #####################################*/

@media (max-width : 600px){

div#header {
width: 100%;
height: 114px;
background-image: url(img/info102B.jpg);
} 

div#content2 ul li {
width:46%;
}

.banner_space img{width:100%;
	margin:4px 0;}

}



/*########## media400px #####################################*/

@media (max-width : 400px){

div#header {
width: 100%;
height: 114px;
background-image: url(img/info102B.jpg);
} 

div#content2 ul li {
width:95%;
}
 
}