@charset "utf-8";
/* CSS Document */

body	{margin:0;
		background-color:#FFF;
		color:#000;
		font-family:"メイリオ",
		"Hiragino Kaku Gothic Pro",sans-serif;
}

.header	{
		padding: 20px;
		background-color:#003377;
		color:#FFF;
}


.header h1	{margin: 5px 0 0 0;
			font-size: 20px;
			line-height: 1;
}

.header h1 a	{color: #FFF;
				text-decoration: none;
}

.header p		{
				font-size: 10px;
				line-height: 1;
}

.header .logo	{float: left;
				borer: none;
				margin: -4px 10px 0 0;
}
					
.header:after	{content: "";
				display: block;
				clear: both;
}

.header			{*zoom: 1;
}

.header .photo	{max-width: 100%;
				height: auto;
				margin: 15px 0 0 0;
				vertical-align: bottom;
}

/* メニュー */		
.menu 			{
	background-color:#9CF;
	padding: 30px;
}
	
.menu ul,
.menu ol		{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.2;
	list-style: none;
}
	
.menu li a {display: block;
			padding: 4px 30px;
			color: #000;
			text-decoration: none;
			border-right: solid 1px #aaa;
}

.menu li:first-child a{ border-left: solid 1px #aaa;
}


.menu li a:hover	{background-color:#CCC;
}

.menu li	{float: left;
				*clear: right;
				width: 25%;
				text-align:center;
}

.menu ul:after.
.menu ol:after	{ content: "";
				display: block;
				clear: both;
}

.menu ul,
.menu ol		{*zoom: 1;
}


/* 段組み */

.cols	{padding: 0 60px 80px 80px;
}

.col	{float:left;
		width: 31%
		margin-left: 3.5%;
		*clear: right;
}

.col h1	{font-size: 16px;
		line-height: 1;
}

.col p	{font-size: 12px;
		line-height; 1;
}

.col .photo02	{max-width: 40%;
				height: auto;
				margin: 4px 0 0 0;
				vertical-align: bottom;
}

.kaminohoseki p {font-size: 13px;
}

.col first-child	{margin-left: 10;
}



.cols:after	{content: "";
			display: block;
			clear: both;
}

.cols	{*zoom: 1;
}

/* 段ごとの横幅 */
.col:first-child 	{width:70%;
}
.col:first-child + .col	{width:26.5%;
}


/* フッター */
.footer	{padding: 20px;
		background-color: #dfe3eB;
		text-align: center;
}

.footer p	{margin: 0 0 3px 0;
			font-size: 12px;
			line-height: 1.4;
}