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

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

　　　　　　　　　　共通要素

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

* {
	margin:0;
	padding:0;
	font-weight:normal;
	color:#333333;
	text-align:left;
	}
	
br { 
	letter-spacing:0; 
	}

img {
	border:0;
	}
	
a {
	outline:none;
	}
	
ul {
	list-style-type:none;
	}
	
html , body {
	text-align:center;
	color:#333333;
	font-size:14px;
	letter-spacing:0.1em;
	line-height:150%;
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	height:100%;
	}
	
.clear {
	clear:both;}
	
div#wrapper {
	width:100%;
	margin:auto;
	position:relative;
	height:100%;
	height:auto !important;
	min-height:100%;
	}
	
/*float clear*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
	
/***************************************************************

　　　　　　　　　　共通要素ここまで

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

　　　　　　　　　　ヘッダー

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

div#headder {
	height:120px;
	position:relative;
	width:1000px;
	margin:auto;}
	
div#headder h1 {
	font-size:11px;
	padding:10px;}
	
div#headder ul {}

div#headder ul li{
	position:absolute;}
	
div#headder ul li.logo {
	left:5px;
	top:38px;}

div#headder ul li.h_nav01 {
	right:100px;
	top:16px;}

div#headder ul li.h_nav02 {
	right:5px;
	top:16px;}

div#headder ul li.adress {
	right:5px;
	top:39px;}
	
/***************************************************************

　　　　　　　　　　ヘッダーここまで

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

　　　　　　　　　　メインナビ

****************************************************************/
div#m_nav_wrap {
	background:url(../img/shadow.jpg) center bottom no-repeat;}
	
div#m_nav_wrap_bg {
	background:url(../img/nav/bg.jpg) repeat-x;
	}

div#m_nav {
	padding:0 0 21px 0;
	width:1000px;
	margin:auto;}

div#m_nav ul {}

div#m_nav ul li{
	float:left;
	width:125px;
	height:60px;
	display:block;
	}
	
div#m_nav ul li.nav01 {
	background:url(../img/nav/n01.jpg);}
	
div#m_nav ul li.nav02 {
	background:url(../img/nav/n02.jpg);}
	
div#m_nav ul li.nav03 {
	background:url(../img/nav/n03.jpg);}
	
div#m_nav ul li.nav04 {
	background:url(../img/nav/n04.jpg);}
	
div#m_nav ul li.nav05 {
	background:url(../img/nav/n05.jpg);}
	
div#m_nav ul li.nav06 {
	background:url(../img/nav/n06.jpg);}
	
div#m_nav ul li.nav07 {
	background:url(../img/nav/n07.jpg);}
	
div#m_nav ul li.nav08 {
	background:url(../img/nav/n08.jpg);}
	
div#m_nav ul li a{
	width:125px;
	height:60px;
	display:block;
	}
	
div#m_nav ul li.nav01 a:hover{
	background:url(../img/nav/b01.jpg);}
	
div#m_nav ul li.nav02 a:hover{
	background:url(../img/nav/b02.jpg);}
	
div#m_nav ul li.nav03 a:hover{
	background:url(../img/nav/b03.jpg);}
	
div#m_nav ul li.nav04 a:hover{
	background:url(../img/nav/b04.jpg);}
	
div#m_nav ul li.nav05 a:hover{
	background:url(../img/nav/b05.jpg);}
	
div#m_nav ul li.nav06 a:hover{
	background:url(../img/nav/b06.jpg);}
	
div#m_nav ul li.nav07 a:hover{
	background:url(../img/nav/b07.jpg);}
	
div#m_nav ul li.nav08 a:hover{
	background:url(../img/nav/b08.jpg);}

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

　　　　　　　　メインナビここまで

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


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

　　　　　　　　　　コンテンツ

****************************************************************/
div#contents {
	padding:0 0 50px 0;
	width:1000px;
	margin:auto;}

div#contents h2 {
	padding:0 0 2px 0;
	border-bottom:solid 1px #CCCCCC;
	margin:0 0 20px 0;}
	
div#contents div#sawai_out {
	width:1000px;
	height:346px;
	display:block;
	margin:0 0 20px 0;}

div#contents div.cl {
	float:left;
	width:582px;
	}
	
div.cl div#topics {
	width:560px;
	float:right;}
	
div.cl div#topics ul {
	font-size:12px;}

div.cl div#topics ul li {
	padding:10px 0 0 0;}

div.cl div#topics ul li p.date{
	float:left;
	width:80px;
	margin-right: 5px;}

div.cl div#topics ul li p.copy{
	float:right;
	width:470px;}

div#contents div.cr {
	float:right;
	width:401px;}
	
div#contents div.cr ul#bannar {}

div#contents div.cr ul#bannar li {
	padding:0 0 15px 0;}
	
div#contents div.cr p {
	padding:20px 0 0 5px;}

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

　　　　　　　　コンテンツここまで

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

　　　　　　　　下層コンテンツ

****************************************************************/
div#u_contents {
	padding:20px 0 50px 0;
	width:1000px;
	margin:auto;}
	
div#u_contents div#ucl {
	float:left;
	width:241px;
	}
	
div#u_contents div#uclIn {
	float:right;
	width:230px;
	}

div#u_contents div#uclIn ul#ucl_bannar {}

div#u_contents div#uclIn ul#ucl_bannar li {
	padding:0 0 10px 0;}
	
div#u_contents div#uclIn ul#ucl_nav , div#u_contents div#uclIn ul#ucl_nav02 , div#u_contents div#uclIn ul#ucl_nav03 {
	margin:0 0 10px 0;}

div#u_contents div#uclIn ul#ucl_nav li , div#u_contents div#uclIn ul#ucl_nav li a {
	display:block;
	width:235px;
	text-indent:-9999px;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav01 {
	background:url(../img/nav02/top.jpg) top left no-repeat;
	height:52px;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav01:hover{
	background:url(../img/nav02/top.jpg) top right no-repeat;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav01 a{
	height:52px;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav02 {
	background:url(../img/nav02/n01.jpg) top left no-repeat;
	height:50px;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav02:hover {
	background:url(../img/nav02/n01.jpg) top right no-repeat;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav02 a{
	height:50px;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav03 {
	background:url(../img/nav02/n02.jpg) top left no-repeat;
	height:78px;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav03:hover {
	background:url(../img/nav02/n02.jpg) top right no-repeat;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav03 a{
	height:78px;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav04 {
	background:url(../img/nav02/n03.jpg) top left no-repeat;
	height:78px;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav04:hover {
	background:url(../img/nav02/n03.jpg) top right no-repeat;}
	
div#u_contents div#uclIn ul#ucl_nav li.nav04 a{
	height:50px;}
	
	
div#u_contents div#uclIn ul#ucl_nav02 li , div#u_contents div#uclIn ul#ucl_nav02 li a {
	display:block;
	width:235px;
	text-indent:-9999px;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav01 {
	background:url(../img/nav03/top.jpg) top left no-repeat;
	height:52px;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav02 {
	background:url(../img/nav03/n01.jpg) top left no-repeat;
	height:50px;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav02:hover{
	background:url(../img/nav03/n01.jpg) top right no-repeat;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav02 a{
	height:50px;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav03 {
	background:url(../img/nav03/n02.jpg) top left no-repeat;
	height:53px;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav03:hover{
	background:url(../img/nav03/n02.jpg) top right no-repeat;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav03 a{
	height:53px;}

div#u_contents div#uclIn ul#ucl_nav02 li.nav04 {
	background:url(../img/nav03/n03.jpg) top left no-repeat;
	height:53px;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav04:hover{
	background:url(../img/nav03/n03.jpg) top right no-repeat;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav04 a{
	height:53px;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav05 {
	background:url(../img/nav03/n04.jpg) top left no-repeat;
	height:53px;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav05:hover{
	background:url(../img/nav03/n04.jpg) top right no-repeat;}
	
div#u_contents div#uclIn ul#ucl_nav02 li.nav05 a{
	height:53px;}
	
	
	
	
	
div#u_contents div#uclIn ul#ucl_nav03 li , div#u_contents div#uclIn ul#ucl_nav03 li a {
	display:block;
	width:235px;
	text-indent:-9999px;}
	
div#u_contents div#uclIn ul#ucl_nav03 li.nav01 {
	background:url(../img/nav04/top.jpg) top left no-repeat;
	height:52px;}
	
div#u_contents div#uclIn ul#ucl_nav03 li.nav02 {
	background:url(../img/nav04/n01.jpg) top left no-repeat;
	height:50px;}
	
div#u_contents div#uclIn ul#ucl_nav03 li.nav02:hover{
	background:url(../img/nav04/n01.jpg) top right no-repeat;}
	
div#u_contents div#uclIn ul#ucl_nav03 li.nav02 a{
	height:50px;}
	
div#u_contents div#uclIn ul#ucl_nav03 li.nav03 {
	background:url(../img/nav04/n02.jpg) top left no-repeat;
	height:53px;}
	
div#u_contents div#uclIn ul#ucl_nav03 li.nav03:hover{
	background:url(../img/nav04/n02.jpg) top right no-repeat;}
	
div#u_contents div#uclIn ul#ucl_nav03 li.nav03 a{
	height:53px;}	
	
	
	
	

	
div#u_contents div#ucr {
	float:right;
	width:737px;}
	
div#u_contents div#ucr div#ucrIn {
	width:731px;
	float:left;
	text-align:center;}

div#ucrIn h2 {
	margin:0;
	padding:0;}
	
div#ucrIn div#pankuz {
	padding:30px 0;
	font-size:12px;}
	

div#ucrIn div#pankuz a {
	color:#999999;
	text-decoration:none;}
	
div#ucrIn div#pankuz a:hover {
	color:#FEA5AB;
	text-decoration:underline;}


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

　　　　　　　　下層コンテンツここまで

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

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

　　　　　　　　フッター

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

div#footer_wrap {
	background:url(../img/shadow.jpg) center 105px no-repeat;} 

div#footer {
	height:200px;
	width:1000px;
	margin:auto;
	font-size:12px;
	line-height:130%;}

div#footer p{
	text-align:center;}

div#footer p.f_adress{
	text-align:left;
	width:350px;
	float:right;
	}
	
div#footer p#f_nav {
	padding:60px 0 15px 0;
	text-align:center;}


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

　　　　　　　　フッターここまで

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

　　　　　　　　装飾

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


div.head_line {
	width:100%;
	background-color:#660033;
	text-align:center;}
	
div.shadow01 , div.shadow02 {
	background:url(../img/shadow.jpg) top center no-repeat;
	position:absolute;
	text-align:center;
	width:100%;
	height:21px;}
	
div.shadow01 {
	top:182px;}
	
div.shadow02 {
	bottom:0px;}


.bg_gray {
	background-color:#F0F0F0;}
	


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

　　　　　　　　装飾ここまで

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

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

　　　　　　　　フォント

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

.gray {
	color:#999999;}

.gray a {
	color:#999999;
	text-decoration:none;}
	
.gray a:hover {
	color:#FEA5AB;
	text-decoration:underline;}
	
.black a {
	color:#333333;
	text-decoration:none;}
	
.black a:hover {
	color:#FEA5AB;
	text-decoration:underline;}
	
.small {
	font-size:10px;}
	
.red {
	color:#660033;}

.large {
	font-size:14px;}
	
.bold {
	font-weight:bold;}
	
#topics a {
	color:#660033;
	text-decoration:none;}

#topics a:hover {
	color:#FEA5AB;
	text-decoration:underline;}
	
/***************************************************************

　　　　　　　　フォントここまで

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

　　　　　　　　テーブル

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

table {
	border:none;}

table.table01 {
	border-left:solid 2px #cccccc;
	border-top:solid 2px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	margin:0 0 5px 0;}
	
table.table01 caption {
	padding:0 0 5px 0;}

.table01 td , .table01 th {
	vertical-align:middle;
	text-align:center;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;}
	
.table01 .le {
	text-align:left;
	padding:10px;}
	
.table01 .le02 {
	text-align:left;
	padding:10px 5px 10px 5px;}
	
.vtop {
	vertical-align:top;}
	
/***************************************************************

　　　　　　　　テーブルここまで

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

　　　　　　　　フロート

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

.imgfr {
	float:right;
	margin:0 0 0 20px;}
	
.imgfl {
	float:left;
	margin:0 20px 0 0;}
	
.pfr {
	float:right;}
	
.pfl {
	float:left;}
	
.p600 {
	width:600px;}
	
.p500 {
	width:500px;}
	
.p450 {
	width:450px;}

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

　　　　　　　　フロートここまで

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