@charset "utf-8";

/* CSS Document */



* {margin:0; padding:0;}



body {

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;

	margin:0;

	padding:0;

	text-align:center;

	font-size:80%;

	background:url(img/bg_body.jpg) repeat-x;

}



a {color:#333;}

a:hover {color:#c00;}







/*//////////////////////////////////////////////////////////////



	img



//////////////////////////////////////////////////////////////*/

img {border:0;}

img.imgright {

	float:right;

	margin:0 0 10px 15px;

}

img.imgleft {

	float:left;

	margin:0 15px 10px 0;

}







/*//////////////////////////////////////////////////////////////



	table tr th td



//////////////////////////////////////////////////////////////*/

table {

	border-collapse:collapse;

	margin:5px auto 30px auto;

	width:650px;

}

table th {

	background:#eee;

	padding:3px;

	border:1px solid #ccc;

}

table td {

	padding:3px;

	border:1px solid #ccc;

}

table tr.even td {

	background:#cff;

}

table.linknavi {

	border:2px solid #eee;

}

table.linknavi td {

	border:0;

}

table.linknavi tr.even td {

	background:#fff;

}









/*//////////////////////////////////////////////////////////////



	clearfix



//////////////////////////////////////////////////////////////*/

.clearfix:after {

	content: ".";  /* 新しい要素を作る */

	display: block;  /* ブロックレベル要素に */

	clear: both;

	height: 0;

	visibility: hidden;

}



.clearfix {

	min-height: 1px;

}



* html .clearfix {

	height: 1px;

	/*\*//*/

	height: auto;

	overflow: hidden;

	/**/

}





/*//////////////////////////////////////////////////////////////



	container



//////////////////////////////////////////////////////////////*/

#container {

	width:900px;

	margin:0 auto;

	text-align:left;

}





/*//////////////////////////////////////////////////////////////



	header fontsize



//////////////////////////////////////////////////////////////*/

#header {



}

#header h1 {

	float:left;

	width:235px;

}

#header h1 a {

	display:block;

	width:235px;

	height:85px;

	overflow:hidden;

}

#fontsize {

	float:right;

	padding-top:10px;

	width:120px;

}

#fontsize p {

	text-align:center;

	font-size:0.85em;

}





/*//////////////////////////////////////////////////////////////



	navi



//////////////////////////////////////////////////////////////*/

#navi {

	padding-bottom:10px;

	clear:both;

}

#navi ul {

	list-style:none;

}

#navi ul li {

	float:left;

	text-align:center;

}

#navi ul li a {

	display:block;

	width:165px;

	height:30px;

	padding:5px 0 0 0;

	margin-left:5px;

	font-weight:bold;

	text-decoration:none;

}

#navi ul li a.ipan {

	background:url(img/h_menu01.jpg) left top no-repeat;

	color:#060;

}

#navi ul li a.kaiin {

	background:url(img/h_menu02.jpg) left top no-repeat;

	color:#036;

}

#navi ul li a:hover {

	background-position:left bottom;

	color:#fff;

}





/*//////////////////////////////////////////////////////////////



	wrapper



//////////////////////////////////////////////////////////////*/

#wrapper {

	width:900px;

	background:url(img/bg_wrapper.jpg) repeat-y;

	clear:both;

}





/*//////////////////////////////////////////////////////////////



	right



//////////////////////////////////////////////////////////////*/

#right {

	width:700px;

	float:right;

}

#right h2 {

	background:url(img/h2.jpg) no-repeat;

	height:48px;

	padding:12px 0 0 25px;

	color:#090;

	margin:0 0 10px 0;

}

#right h2 span {

	font-size:0.8em;

	font-weight:normal;

	padding:0 0 0 20px;

}

#right h3 {

	border-bottom:1px dotted #090;

	border-top:1px dotted #090;

	background:#eee url(img/h3.jpg) left center no-repeat;

	padding:3px 0 3px 20px;

	color:#f30;

	margin:20px 5px 5px 3px;

}

#right h4 {

	background:url(img/h4.jpg) left center no-repeat;

	padding:3px 0 3px 20px;

	color:#693;

	margin:10px 5px 5px 3px;

}

#right p {

	line-height:1.6em;

	margin:0 5px 15px 5px;

}

#right p.info_box {

	margin:0 5px 10px 25px;

}

#right ol {

	margin:0 5px 15px 30px;

	line-height:1.6em;

}

#right ul {

	list-style:none;

}

#right ul.eyeinfo {

	margin:0 10px 30px 10px;

	list-style:none;

}

#right ul.eyeinfo li a {

	text-decoration:none;

	display:block;

	padding:3px 0 3px 25px;

	background:url(img/li_02.jpg) left center no-repeat;

	border-bottom:1px dotted #ccc;

}

#right ul.eyeinfo li a:hover {

	border-bottom:1px dotted #c00;

}



/*//////////////////////////////////////////////////////////////



	dl dt dd



//////////////////////////////////////////////////////////////*/

dl {

	margin:5px 10px 30px 10px;

}

dt {

	border-bottom:1px dotted #ccc;

	padding:5px;

}

dd {

	border-left:3px solid #ccc;

	border-bottom:1px dotted #ccc;

	padding:5px;

	margin:5px 0 40px 15px;

}





/*//////////////////////////////////////////////////////////////



	news_box



//////////////////////////////////////////////////////////////*/

.news_box {

	padding:0 10px 40px 10px;

}







/*//////////////////////////////////////////////////////////////



	article



//////////////////////////////////////////////////////////////*/

.article {

	padding:20px 0;

	clear:both;

}

.article ul li {

	list-style:none;

	float:left;

}

.article ul li.lir {

	margin-left:10px;

}

.article ul li img:hover {

	filter: alpha(opacity=75);

	-moz-opacity:0.75;

	opacity:0.75;

}


#aisatu {
text-decoration: none;

}


/*//////////////////////////////////////////////////////////////



	news



//////////////////////////////////////////////////////////////*/

.news {

	padding:10px 0 30px 0;

}

.news ul {

	margin:0 0 5px 0;

	list-style:none;

}

.news ul li {

	border-bottom:1px dotted #ccc;

	line-height:1.8em;

}

.news ul li a {

	text-decoration:none;

}





/*//////////////////////////////////////////////////////////////



	left



//////////////////////////////////////////////////////////////*/

#left {

	width:180px;

	float:left;

}





/*//////////////////////////////////////////////////////////////



	widget



//////////////////////////////////////////////////////////////*/

.widget {

	background:url(img/bg_widget.jpg) top center no-repeat;

	margin:10px 5px 10px 5px;

}

.widget ul {

	list-style:none;

	padding:10px 0;

}

.widget ul li {

	display:inline;

}

.widget ul  li a {

	background:url(img/li_01.png) left center no-repeat;

	display:block;

	padding:5px 0 5px 20px;

	border-bottom:1px dotted #690;

	font-weight:bold;

	text-decoration:none;

}

.widget ul li a:hover {

	background:#690 url(img/li_01_hover.png) left center no-repeat;

	border-bottom:1px dotted #f33;

	color:#fff;

}





/*//////////////////////////////////////////////////////////////



	widget2



//////////////////////////////////////////////////////////////*/

.widget2 {

	margin:10px 5px;

}

.widget2 ul {

	list-style:none;

}

.widget2 ul li a {

	display:block;

	padding:3px 0;

	text-decoration:none;

	border-bottom:1px dotted #6c0;

	font-size:0.85em;

	color:#fff;

}

.widget2 ul li a:hover {

	color:#9f6;

	border-bottom:1px dotted #ff9;

}







/*//////////////////////////////////////////////////////////////



	footer



//////////////////////////////////////////////////////////////*/

#footer {

	border-top:3px solid #690;

	padding:0 0 15px 0;

	text-align:center;

	clear:both;

}

#footer address {

	font-style:normal;

	margin:0 0 10px 0;

}

#footer p {

	font-size:0.8em;

	color:#060;

}

.pt {

	text-align:right;

	padding:0 3px 15px 0;

}