﻿/* ======================================== サイト全体に適用*/
* { /* 全ての要素の間隔・余白を０へ */
margin:0;
padding:0;
}



body {
	margin: 0;
	color: #333;
	text-align: center;
	background-image: url(img/back01.jpg);
	background-position: top;
	background-repeat: repeat-x;
}



/* 文字サイズ */
#main p{
	font-size:92%;
	line-height:1.3em;
	letter-spacing: 0.1em;
	color: #333333;
	margin:0 0 10px 0;
}

#main .no{
	font-size:92%;
	line-height:1.3em;
	letter-spacing: 0.1em;
	color: #333333;
	padding:0;
	margin:0;
}

#main-b p{
	font-size:92%;
	line-height:1.3em;
	letter-spacing: 0.1em;
	color: #333333;
	margin:0 0 10px 0;
}

#main .guide{
	color:#360;
}

#main .bg{
	font-size:92%;
	line-height:1.3em;
	letter-spacing: 0.1em;
	color: #333333;
	padding:5px;
	font-weight:bold;
	background-color:#eee;
	margin:0 0 10px 0;
}


/* 文章の行間を指定 */
#contents li,
dl,
dd
{
	line-height: 160%;
}


.small{
	font-size:80%;
}


ul,ol,dl{
	margin: 0em 1em 1em 2em;
	font-size:92%;
	line-height:1.3em;
	letter-spacing: 0.1em;
	color: #333333;
}


a:link {
	text-decoration: none;
	color:#3366CC;
}

a:hover {
	text-decoration: underline;
}

a:visited { 
	color:#6633CC; 
} 



/* ぱんくずリスト */
/* --- リストエリア --- */
ol.topicPath {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(img/topic_path2.gif) no-repeat right; /* 区切りの記号 */
}



/* ボックス */
.title-img {
	padding:0;
	margin:20px 0 10px 0;
	text-align:center;
	background-image:url(img/title.jpg);
	height:90px;
	border:solid 1px #fff;
}


.block {
	padding:0;
	margin:10px 0;
	text-align:center;
	background-color:#ffffff;
}

.block-c {
	padding:10px 0 5px 0;
	margin:10px 0;
	text-align:center;
	background-color:#eee;
}

.block-b {
	padding:10px;
	margin:0;
	text-align:left;
	background-color:#eeeeee;
}

.block-left {
	padding:10px;
	margin:0;
	text-align:left;
	background-color:#FFFFFF;
}

.block-left-no {
	padding:0px;
	margin:0;
	text-align:left;
	background-color:#FFFFFF;
}

.block-center-no {
	padding:0px;
	margin:0;
	text-align:center;
	background-color:#FFFFFF;
}

.block-center-600 {
	width:600px;
	padding:0px;
	margin-bottom:10px;
	text-align:center;
	background-color:#FFFFFF;
}

.block-right {
	padding:10px;
	margin:0;
	text-align:right;
	background-color:#FFFFFF;
}

.block-left-b {
	padding:5px 10px;
	margin:0;
	text-align:left;
	background-color:#eeeeee;
	border:solid 1px #cccccc;
}

.block-right-b {
	padding:10px;
	margin:0;
	text-align:right;
	background-color:#FFFFFF;
	border:solid 1px #cccccc;
}

.block-left-fb {
	padding:10px;
	margin:0;
	text-align:left;
	background-color:#FFFFFF;
	border:solid 1px #cccccc;
}

.block-more {
   padding:0;
	margin:0;
   text-align:right;
}

.block-bk{
	width:1004px;
	margin:10px 0;
	text-align:center;
	background-color:#333333;
}

div#main .block-3c{
	width:560px;
	margin:5px 0 0 10px;
	text-align:center;
	padding:0 5px 0 5px ;
}

div#main .block-3c-l{
	width:170px;
	margin:0 0 0 10px;
	text-align:left;
	padding:0 10px 0 0;
	border-right:dotted 1px #999;
	float:left;
}

div#main .block-3c-m{
	width:170px;
	margin:0;
	text-align:left;
	padding:0 10px 0 0;
	border-right:dotted 1px #999;
	float:left;
}

div#main .block-3c-r{
	width:170px;
	margin:0;
	text-align:left;
	padding:0 10px 0 0;
	float:left;
}

div#main .block-3c-lb{
	width:170px;
	margin:0 0 0 10px;
	text-align:left;
	padding:0 10px 0 0;
	float:left;
}

div#main .block-3c-mb{
	width:170px;
	margin:0;
	text-align:left;
	padding:0 10px 0 0;
	float:left;
}

div#main .block-3c-rb{
	width:170px;
	margin:0;
	text-align:left;
	padding:0 10px 0 0;
	float:left;
}



/* ======================================== 間隔・余白調整用 */
hr{
	margin-top:10px;
	clear: both;
	border:none;
}

hr.b{
    border-width: 1px 0px 0px 0px;
   	border-style: dashed;
   	border-color: #ccc;
   	height: 1px;
	margint:0 5px 10px 5px;
 }



/* ========================================  #page ページ外枠 */
#page {
	width: 1004px;
	margin: 0px auto;
	text-align: left;
}




/* ========================================  #header 画面上部 */
#header {
	margin:0 0 15px 0;
	color: #FFFFFF;
}



/* ======================================== #contents 画面中央部 #mainとサイドメニューの外枠 */
#contents{
	padding: 30px 0px 20px;
	margin: 0px;
}



/* ========================================  #main ページの本文 */
#main {
	float: left;
	width: 600px;
	margin: 0px 0px 10px;
}


#main-b {
	float: left;
	width: 1004px;
	margin: 0px 0px 10px;
}


 h1 {
	padding: 0px;
	margin: 0px;
	color: #333333;
	font-size:140%;
}



 h2 {
	padding: 5px 0px 0px 3px;
	margin: 3px 0 0 0;
	border-top: 1px dashed #999999;
	font-size:100%;
	font-weight: bold;
	color: #333;
}



 h3 {
	margin: 15px 0px 10px 0px;
	padding:3px 0 3px 5px;
	font-size: 100%;
	color: #333;
	border-left:solid 10px #c33;
	border-bottom:solid 1px #c33;
}

 h4 {
	margin: 15px 0px 5px 0px;
	padding:0;
	font-size: 100%;
	color: #c33;
}


img {
   border:0;
}


div#main .img-p{
   margin:0 5px 5px 0;
   float:left;
}

div#main .img-a{
   margin-right:2px;
   border:solid 1px #666;
}

div#main .img-b{
   margin-right:2px;
   border:non;
}

div#main .img-c{
   margin:3px 5px 0 0;
   float:left;
   border:solid 1px #999;
}

div#main .img-d{
   margin:5px;
   border:solid 1px #666;
}

div#main .img-e{
   margin:0 5px 3px 0;
   vertical-align: middle;
   border:non;
}

div#main .img-f{
   margin:0 0 4px 5px;
   vertical-align: middle;
   border:non;
}


/* ========================================  menuL 左サイドメニュー */
#menuL {
	float: left;
	width: 180px;
	margin: 0px 20px 20px 0px;
	font-size: 92%;
}

#menuL p{
	margin-right: 1em;
	margin-left: 1em;
	line-height: 160%;
	font-size: 92%;
}

#menuL li{
	list-style-image:url(img/list-mark.gif)
}

#menuL hr{
	border-width: 1px 0px 0px 0px;
   	border-style: dashed;
   	border-color: #ccc;
   	height: 1px;
	margin-right: 1em;
	margin-bottom:10px;
}


/* ========================================  menuR 右サイドメニュー */
#menuR {
	float: right;
	width: 180px;
	margin: 0px 0px 20px 20px;
	/*background-color: #F6F6F6;*/
	font-size: 92%;
}


#menuR p{
	margin-right: 1em;
	margin-left: 1em;
	line-height: 160%;
	font-size: 92%;
}

#menuR li{
	list-style-image:url(img/list-mark.gif)
}

#menuR hr{
	border-width: 1px 0px 0px 0px;
   	border-style: dashed;
   	border-color: #ccc;
   	height: 1px;
	margin-right: 1em;
	margin-bottom:10px;
}


/* ========================================  #underNavi 画面下部サブナビゲーション */
#underNavi{
	clear: both;
	margin: 0px;
	border-top: 1px solid #999999;
	text-align: center;
}



/* ========================================  #footer 画面下部 */
#footer {
	padding: 10px 0px;
	border-top: 5px solid #333;
	color: #FFFFFF;
	text-align: center;
	background-color: #c00;
	padding:20px 0;
   font-style:normal;
   font-size:85%;/* 12px */
}


/* ========TOTOP CUSTOMIZE========= */
div#totop {
   padding:10px 0;
   text-align:right;
   font-size:85%;
}


/* ========================================  snsとrss */
.rss{
	text-align:right;
	margin:0;
	padding-top:3px;
	}
	
div#sns-top {
   margin:0 0 20px 0;
   padding:0;
   text-align:right;
}

div#sns {
   margin:20px 0;
   padding:0;
   text-align:right;
}

div#sns ul{
   margin:0;
   padding:0;
}

div#sns li {
   float:right;
   list-style-type:none;
}

.sns{
	margin-right:25px;
}



/* ========================================  .footerlink */
.footerlink {
	margin: 0px;
	padding-top:5px;
	font-size:92%;
	line-height:1.3em;
	color: #333333;
}



/* ========================================  そのほか個別設定 */
.title{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px;
	border-left: 30px solid #c00;
}


.label{
	padding: 7px 5px 5px 10px;
	margin: 0px 0px 10px;
	border-top:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	border-bottom:solid 1px #eeeeee;
	color: #333333;
	background-color: #fff;
	font-weight:bold;
	background-image:url(img/menu.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.label-no{
	padding: 7px 5px 5px 10px;
	margin: 0px;
	border-top:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	border-bottom:solid 1px #eeeeee;
	color: #333333;
	background-color: #fff;
	font-weight:bold;
	background-image:url(img/menu.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}


.label-cont{
	padding: 7px 5px 5px 10px;
	margin: 0px 0px 10px;
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #eeeeee;
	color: #333333;
	background-color: #eeeeee;
	font-weight:bold;
}


.photo {
	margin: 0px 0px 20px;
}


.toInfo {
	margin: 0px 0px 1em;
	text-align: right;
	list-style-type: none;
}


.boxL {
	float: left;
	width: 285px;
	margin: 0px 0px 15px;
	padding:5px;
	background-color: #ffffff;
}
.boxR {
	float: right;
	width: 285px;
	margin: 0px 0px 15px;
	padding:5px;
	background-color: #ffffff;
}

.boxL p, .boxR p{
	margin: 10px !important;
}


.boxL-s {
	float: left;
	margin:10px 0 0 0;
	font-size: 92%;
}
.boxR-s {
	float: right;
	width:400px;
	margin:5px 0 0 0;
	font-size: 92%;
	vertical-align:top;
}

.boxL-no {
	float: left;
	width: 300px;
	margin: 0px;
	padding:0px;
	background-color: #ffffff;
}
.boxR-no {
	float: right;
	width: 300px;
	margin: 0px;
	padding:0px;
	background-color: #ffffff;
}