@charset "UTF-8";

/* unicode文字方向指定 */
* {
    direction: ltr;
    unicode-bidi: bidi-override;
}

ruby, rb, rt, rbc, rtc { unicode-bidi: normal; }


/* リセット */
ol,ul,li{
list-style:none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


img {
	border-width: 0px;
	border-style: none;
	vertical-align:bottom;
}

ul:after,dl:after,#container:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
}

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

.clr {
	clear: both;
}


/* ページの基本レイアウト */
* {
	margin: 0;
	padding: 0;
	color: #333333;
}


body {
	font-family: 'Lucida Grande', sans-serif;
	font-size: 100%;
	background: #ffffff;
}

/* ------禁則処理------ */
body {
	word-break: normal !important;
	word-wrap: break-word;
}
/* ----------------- */


a {
	text-decoration: none;
	color: #0033cc;
	outline:none;
}

a:hover {
	text-decoration: none;
	color: #339933;
	opacity:0.7;
}

.clr {
	clear: both;
}



#header {
	margin: 0 auto;
	width: 950px;
}


#container {
	margin: 0 auto;
	width: 950px;
	background-color: #ffffff;
}

#footer {
	margin: 30px auto 0px auto;
	width: 950px;
	clear: both;
}


#contents {
	margin-left: 0px;
	margin-right: auto;
	text-align: left;
	width: 650px;
	background-color: #ffffff;
	float: left;
}

#main {
	margin: 0px;
	margin-right: auto;
	text-align: left;
	width: 450px;
	float: right;
}

#sub {
	margin: 0px;
	margin-right: auto;
	text-align: left;
	width: 190px;
	line-height: 150%;
	float: left;
}

#extra {
	float: right;
	width: 295px;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 112%;
	line-height: 160%;
	font-weight:bold;
	text-align: right;
}

h2 {
	padding: 5px 0px 5px 30px;
	font-size: 100%;
	font-weight: bold;
	font-style: none;
	line-height: 170%;
	color: #663300;
}

h3 {
	margin: 10px 0px 5px 0px;
	font-size: 120%;
	color: #776633;
}


/* box */

.main_box {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 150%;
	background-color: #ffffff;
	border: 1px solid;
	border-color: #99cccc;
	float: left;
}

.sub_box {
	margin: 10px 0px 10px 0px;
	padding: 5px;
	font-size: 90%;
	background-color: #ffffff;
	border: 1px solid #99cccc;
}


.extra_box {
	margin: 10px 0px 0px 5px;
	padding: 0px;
	width: 285px;
	font-size: 80%;
	line-height: 150%;
	background-color: #ffffff;
	border: 1px solid #99cccc;
	float: right;
}

.yomoumain_box {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	width: 750px;
	font-size: 90%;
	background-color: #ffffff;
	border: 1px solid #99cccc;
	clear: both;
}

.yomou_in_box2 {
	margin: 10px;
	padding: 10px;
	font-size: 100%;
	line-height: 150%;
	background-color: #ffffff;
	border: 1px solid #99cccc;
}

.in_box {
	margin: 8px 10px;
	padding: 0px;
	font-size: 95%;
	line-height: 150%;
	background-color: #ffffff;
}

#qr {
	margin:10px 0px 10px 0px;
	text-align: center;
}


/* ○○はこちら */

.a_line {
	margin: 5px 5px 0px 0px;
	padding: 0px;
	text-align: right;
	font-size: 90%;
	clear: both;
}


/* 看板 */

#title_name{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 300px;
	height: 65px;
}

#title_name a {
	margin: 5px 0px 0px 0px;
	width: 300px;
	height: 65px;
	display: block;
}

#title{
	margin: 10px 0px 0px 0px;
	width: 620px;
	float: right;
}

#marker {
	margin: 15px 0px 10px 0px;
	font-size: 90%;
	line-height: 150%;
	float: left;
	text-align:left;
}

#sashie_style {
	width: 80px;
	font-size: 70%;
	font-weight: bold;
	line-height: 180%;
	text-align: center;
	color: #006633;
	float: right;
}

/* ケータイ */

p.mobile{
	font-size: 75%;
	text-align:right;
}


/* メインナビ */

#main_navi {
	margin: 0px 0px 5px 0px;
	padding: 5px 0px;
	width: 950px;
	background-color: #ffffff;
	text-align: center;
	border-top: 1px solid #aacccc;
	border-bottom: 1px solid #aacccc;
	clear: both;
}

ul.menu li {
	margin: 10px;
	font-size: 78%;
	font-weight: bold;
	float: left;
	display: block;
}

ul.menu a {
	padding: 5px;
	color: #000000;
	font-weight:bold;
}

ul.menu a:hover {
	color: #000000;
	background-color: #ddeeee;
}


.attention{
	color: #dd0000;
}

/* フッタ */

ul#undernavi {
	display:block;
	margin: 0px 0px 0px 15px;
	line-height: 150%;
}

ul#undernavi li {
	margin: 0px;
	padding: 5px 20px 0px 3px;
	text-decoration: none;
	list-style: none;
	font-size: 75%;
	float: left;
	text-align: center;
}

ul#undernavi a {
	height: 20px;
	color: #666666;
	text-decoration: none
}

ul#undernavi a:hover {
	color: #cc0033;
}


#copyright {
	clear: both;
	margin: 20px 0px;
	font-size: 75%;
	text-align: center;
}



/* 中見出し */

.title_h2 {
	margin: 5px 5px 10px 5px;
	padding: 5px;
	border-bottom: 2px solid;
	border-color: #66cccc;
}

.h2_text {
	margin: -19px 0px 5px 27px;
	padding: 0px;
	font-size: 110%;
	font-weight: bold;
	line-height: 170%;
	color: #663300;
}


.sub_box ul.list_g li{
	margin: 10px;
	font-size: 90%;
}


.sub_box .title_h2 {
	border-bottom: 2px solid #66cccc;
	height: auto;
	margin: 0px;
	padding: 5px;
}

.sub_box .title_h2 .h2_help {
	background: rgba(0, 0, 0, 0) url("/view/images/help.gif") no-repeat scroll left center;
	color: #663300;
	font-size: 100%;
	font-weight: bold;
	line-height: auto;
	margin: 0;
	padding-left: 30px;
}



/* ガイドリスト */

ul.list_g li {
	margin: 0px;
	padding: 0px;
	font-size: 95%;
	color: #000000;
	display: block;
	list-style: none;
	line-height: 180%;
}

ul.list_g a {
	color: #000000;
	background-color: #FFFFFF;
	display: block;
}

ul.list_g a:hover {
	color: #339933;
	background-color: #FFFFdd;
}


/* お願い等 */

.attenstion2{
	margin-bottom: 20px;
	font-size: 80%;
	color: #666666;
}

a.tl {
	color:#FD6532;
	font-size:120%;
	font-weight:bold;
	text-decoration:underline;
}


/* 主にプルダウンの左とか右を空けたりする */

.marginleft{
	margin-left: 20px;
	margin-right: 5px;
}

.ex	{
	line-height: 130%;
	color:#660033;
}

/* 文字数制限表示 */
.letter_limit {
	color: #666666;
	font-size: 80%;
	line-height: 150%;
}

/* 半角対策 */

.novel_h{ overflow: hidden; word-break: break-all; width:600px;}
.ex{ overflow: hidden; word-break: break-all;}


input[type="radio"] {
	margin-left: 3px;
	margin-right: 3px;
}

input[type="checkbox"] {
	margin-left: 10px;
	margin-right: 5px;
}



/* 中見出し */

.h2_tag {
	margin: 0px 0px 0px 0px;
	padding-left: 30px;
	font-size: 110%;
	font-weight: bold;
	line-height: 170%;
	color: #663300;
	background: url(/view/images/tag.gif) no-repeat 0 1px;
}



/* 広告 */

.koukoku_header{
	margin: 10px 0px 5px 10px;
}

.koukoku_sub{
	margin:10px auto 0px auto;
	text-align:center;
	width:160px;
	height:600px;
}

.koukoku_728{
	margin:20px auto 20px auto;
	text-align:center;
	width: 728px;
	height:90px;
}

/* 追従広告 */
#sub_koukoku {
	margin-top: 30px;
	float:right;
	width: 160px;
}

.fixed {
	position:fixed;
	top: 0;
}