@charset "shift_jis";

/* ブラウザスタイルの初期化 */
*{
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #94adda;
	font-size: 12px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック",sans-serif;
	text-align: center;
	}

/* 背景 */
body{
	background:url(./img/top.gif) repeat-x 0 0;
}
/* ヘッダー */
#top{
	background-image: url(./img/leftup.gif),url(./img/star1.png),url(./img/rightup.gif);
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-position: 0% 0%,50% 0%,100% 0%;
	margin: 50px 0px 0px;
	height: 50px;
	}
#top a{
	text-decoration: none;
	}

#down{
	background-image: url(./img/leftdown.gif),url(./img/star2.png),url(./img/rightdown.gif);
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-position: 0% 0%,50% 0%,100% 0%;
	margin: 20px 0px 0px;
	height: 50px;
	}
#down a{
	text-decoration: none;
	}

.content{
	text-align: left;
	}

ul.title{
	list-style: none;
	}
.title li{
	border-bottom: none;
	text-align: left;
	font-size: 12px;
	margin: 0px 0px 5px;
	}
.line{
	display:block;
	width:100%;
	height:24px;
	background:url(./img/line.gif) 0 -15px no-repeat;
	margin:18px 0 5px;
}

h2{
	text-align: left;
	padding: 0;
	margin: 0;
	}

h2 span{
	display: inline-block;
	font-weight: normal;
	padding: 0;
	margin: 0 10px 0;
	}

/* リンク設定 */
a{color: #555;}
a:hover,
a:active{
	opacity:0.8;
	}
#copy{
	width: 99%;
	margin: 0 0 50px;
	text-align: center;
	font-size: 11px;
	}

/* 骨組み */
.onepcssgrid-1000 {
	margin: 0 auto;
	padding: 0 0 0 1%;
	max-width: 900px;
	}
onerow {
	clear: both;
	padding: 0 10px;
	}
.onerow:after{
	visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;
	}
.col6, .col12{
	float: left;
	margin: 0 3% 0 0;
	}
.col6long {
	float: left;
	margin: 70px 3% 0 0;
	}
.col12long {
	float: left;
	margin: 70px 3% 0 0;
	}
.col6.last{
	margin: 0 0 0px;
	}
.col6short.last{
	margin: 10px 0 0;
	}
.col6 { width: 48%; }
.col12{ width: 99%; margin: 0 0 10px; }

/* 小さい画面での表示 */
@media all and (max-width: 768px) {
	.onerow {
	padding: 0 10px;
	}
	#header, .col4, .title, .col6, .menu {
		float: none;
		width: 99%;
	}
}