@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;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;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body{
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:16px;
	line-height:1.7;
	background:#eeffff;
}
.clear{
	clear:both;
}


/* 全体
------------------------------------------------------------*/
#page{
	margin:10px auto 0;
	max-width:1150px;
	background:#fff;
	position:relative;
}


/* メイン画像
------------------------------------------------------------*/
#page #main{
	text-align:center;
}
#page #main img{
	margin-top:10px;
	width:100%;
	max-width:1010px;
}


/* トップコンテンツ
------------------------------------------------------------*/
#page .contents1{
	margin:15px 15px 30px 15px;
}
#page .contents1 h2{
	color:#000099;
	background:#cccccc;
	font-size:20px;
	padding:8px;
}
#page .contents1 .text{
	margin-top:15px;
}
#page .contents1 .margin{
	margin-top:20px;
}
#page .contents1 .right1 img{
	width:100%;
}
#page .contents1 .left2 img{
	width:100%;
}



/* PC用 */
@media only screen and (min-width:941px){
	#page .contents1 .left1{
		float:left;
		width:63%;
	}
	#page .contents1 .right1{
		float:right;
		width:35%;
	}
	#page .contents1 .left2{
		float:left;
		width:30%;
	}
	#page .contents1 .right2{
		float:right;
		width:68%;
	}
}


/* モニター幅940px以下 */
@media only screen and (max-width:940px){
	#page .contents1 .left1{
		float:left;
		width:49%;
	}
	#page .contents1 .right1{
		float:right;
		width:49%;
	}
	#page .contents1 .left2{
		float:left;
		width:49%;
	}
	#page .contents1 .right2{
		float:right;
		width:49%;
	}
}



/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	#page .contents1 .left1{
		float:none;
		width:100%;
	}
	#page .contents1 .right1{
		float:none;
		width:100%;
	}
	#page .contents1 .left2{
		float:none;
		width:100%;
	}
	#page .contents1 .right2{
		float:none;
		width:100%;
	}
}