﻿@charset "utf-8";

/* タグ初期値 */

body {
    font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif,Verdana,Arial,sans-serif;
}

* html body {
    font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

*:first-child+html body {
    font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

body {
	margin:0px;
	background:#33a9e1;
}
form, p, h1, h2, h3, h4, h5, h6 {
	margin:0px;
}
.clr {
	clear:both;
}
ul {
	margin: 0 0 0 0em; 
	padding: 0; 
	list-style-type:none;
}
.base_wrapper {
	background:#ffffff;
	text-align:center;
	color:#000000;
}

p {
	line-height:150%;
}

/*リンク*/

a:link	{
	text-decoration:underline;
	/*color:#128bc2;*/
	color:#274ace;
}
a:active {
	text-decoration:underline;
	color:#274ace;
}
a:visited {
	text-decoration:underline;
	color:#274ace;
}
a:hover	{
	text-decoration:underline;
	color:#ff6600;
}

#header a {
	text-decoration:none;
}


/* ホワイトリンク */
.rev
a:link	{
	text-decoration:underline;
	color:#ffffff;
}
.rev
a:active {
	text-decoration:underline;
	color:#ffffff;
}
.rev
a:visited {
	text-decoration:underline;
	color:#ffffff;
}
.rev
a:hover	{
	text-decoration:underline;
	color:#000000;
}

.subbar
a:link	{
	text-decoration:none;
}
.subbar
a:active {
	text-decoration:none;
}
.subbar
a:visited {
	text-decoration:none;
}
.subbar
a:hover	{
	text-decoration:underline;
}


/* フォーム部品 */

.fmtext001 {
	width:90px;
}

.fmtext002 {
	width:100px;
}
.tex12 {
	font-size:12px;
}

.fmtext003 {
	width:120px;
	margin-left:1px;
}
.fmtext04 {
	width:400px;
	font-size:14px;
}

/* テキスト部品（ログインブロックテキスト）*/

.tag {
	font-size:0.85em;
}

.sabnav {
	display:block;
	font-size:10px;
	margin-top:4px;
}

.sabnav01 {
	display:block;
	font-size:10px;
	margin-top:7px;
	width:58px;
	height:10px;
	background:url(/img/common/imaddr.gif) no-repeat top left;
	text-indent:-10000px;
}
.sabnav02 {
	display:block;
	font-size:10px;
	margin-top:7px;
	width:58px;
	height:10px;
	background:url(/img/common/ipasswd.gif) no-repeat top left;
	text-indent:-10000px;
}


/* 固定widthラッパー */

.wrapper,
#bodycontent {
	width:880px;
	margin:0 auto;
	text-align:left;
}

/* ヘッダブロック */

#header .wrapper {
	position:relative;
}

#header
#logo {
	float:left;
}

/* ロゴ */

#header
#logo a {
	display:block;
	margin-top:12px;
	width:224px;
	height:52px;
	background:url(../img/common/logo.gif) no-repeat top left;
	text-indent:-10000px;
}

/* 離島 */

#header
.ritou {
	position:absolute;
	top:15px;
	left:229px;
	width:93px;
	height:57px;
	background:url(../img/common/ritou.gif) no-repeat top left;
	text-indent:-10000px;
}


/* ヘッダキャッチ */

#header
.headercopy {
	position:absolute;
	top:35px;
	right:0px;
}
#header
.headercopy a {
	display:block;
	width:467px;
	height:19px;
	background:url(../img/common/telcall.gif) no-repeat top left;
	text-indent:-10000px;
}

/* グローバルナビ（ログイン・検索）*/

#globalnavi {
	position:absolute;
	top:0px;
	right:0px;
	width:284px;
	height:26px;
	background:url(../img/common/globalmenu_bg.gif) no-repeat top left;
	font-size:0.7em;
}
#globalnavi
.l001 {
	float:left;
	margin:4px 0px 0px 10px;
	font-size:11px;
}
#globalnavi
.l002 {
	float:right;
	margin-right:3px;
}

/* メインメニューバー */

#mainmenu {
	clear:both;
}

#mainmenu
.gxbar {
	width:841px;
	height:25px;
	margin-left:20px;
	background:url(../img/common/topbar_img.gif) no-repeat top left;
}

#mainmenu .bar
ul li {
	display:inline;
	float:left;
	margin-left:1px;
}

#mainmenu
.bar {
	height:39px;
	background-color:#3cb0e7;
}

#mainmenu .bar li a {
	border:0px;
	display:block;
	width:124px;
	height:39px;
	text-indent:-10000px;
}

/* メインメニュー 各メニュー項目 */

#mainmenu li.f000 a {
	background:url(../img/common/mainmenu_02.gif) no-repeat top left;
}
#mainmenu li.f000o a {
	background:url(../img/common/mainmenu_02.gif) no-repeat bottom left;
}
#mainmenu li.f000 a:hover {
	background:url(../img/common/mainmenu_02.gif) no-repeat left;
}

#mainmenu li.f001 a {
	background:url(../img/common/mainmenu_03.gif) no-repeat top left;
}
#mainmenu li.f001o a {
	background:url(../img/common/mainmenu_03.gif) no-repeat bottom left;
}
#mainmenu li.f001 a:hover {
	background:url(../img/common/mainmenu_03.gif) no-repeat left;
}

#mainmenu li.f002 a {
	background:url(../img/common/mainmenu_04.gif) no-repeat top left;
}
#mainmenu li.f002o a {
	background:url(../img/common/mainmenu_04.gif) no-repeat bottom left;
}
#mainmenu li.f002 a:hover {
	background:url(../img/common/mainmenu_04.gif) no-repeat left;
}

#mainmenu li.f003 a {
	background:url(../img/common/mainmenu_05.gif) no-repeat top left;
}
#mainmenu li.f003o a {
	background:url(../img/common/mainmenu_05.gif) no-repeat bottom left;
}
#mainmenu li.f003 a:hover {
	background:url(../img/common/mainmenu_05.gif) no-repeat left;
}

#mainmenu li.f004 a {
	background:url(../img/common/mainmenu_06.gif) no-repeat top left;
}
#mainmenu li.f004o a {
	background:url(../img/common/mainmenu_06.gif) no-repeat bottom left;
}
#mainmenu li.f004 a:hover {
	background:url(../img/common/mainmenu_06.gif) no-repeat left;
}

#mainmenu li.f005 a {
	background:url(../img/common/mainmenu_07.gif) no-repeat top left;
}
#mainmenu li.f005o a {
	background:url(../img/common/mainmenu_07.gif) no-repeat bottom left;
}
#mainmenu li.f005 a:hover {
	background:url(../img/common/mainmenu_07.gif) no-repeat left;
}

#mainmenu li.f006 a {
	background:url(../img/common/mainmenu_08.gif) no-repeat top left;
}
#mainmenu li.f006o a {
	background:url(../img/common/mainmenu_08.gif) no-repeat bottom left;
}
#mainmenu li.f006 a:hover {
	background:url(../img/common/mainmenu_08.gif) no-repeat left;
}

/* サブメニュー */

#mainmenu
.subbar {
	display:block;
	height:40px;
	font-size:0.75em;
	padding-top:11px;
	background:url(../img/common/submenu_bg.gif) repeat-x top left;
}
#mainmenu
.subbar
.wrapper {
	text-align:center;
}
#mainmenu
.subbar
ul li{
	display:inline;
	margin-right:15px;
}

.submenu {
	display:none;
}

/* トップへ戻る */

#pagenav {
	clear:both;
}

#pagenav
a {
	margin-top:50px;
	display:block;
	float:right;
	width:104px;
	height:23px;
	line-height:100%;
	font-size:12px;
	background:url(../img/common/backtotop.gif) no-repeat top left;
	text-indent:-10000px;
}

/* フッタ */

#footer {
	clear:both;
	height:112px;
	background:url(../img/common/footer_bg.gif) repeat-x top left;
	padding-top:17px;
	font-size:0.75em;
	color:#ffffff;
}

/* フッタコピーライト */

#footer
.pleft {
	 float:left
}

/* フッタリンク */

.pright {
	float:right;
}

/* タグクラウド */
.tagcloud p {
	line-height:270%;
	font-size:0.6em;
}




/* ページタイトル */

h1.ctitle0,
h1.ctitle {
	width:663px;
	height:64px;
	background:url(/img/common/h1_000.gif) no-repeat top left;
	text-indent:-10000px;
}
h1.ctitle000 {
	width:880px;
	height:64px;
	background:url(/img/common/h1_000b.gif) no-repeat top left;
	text-indent:-10000px;
}


h1.ctitle100 {
	width:663px;
	height:64px;
	background:url(/img/common/h1_001.gif) no-repeat top left;
	text-indent:-10000px;
}
h1.ctitle200 {
	width:663px;
	height:64px;
	background:url(/img/common/h1_002.gif) no-repeat top left;
	text-indent:-10000px;
}
h1.ctitle300,
h1.ctitle301,
h1.ctitle302,
h1.ctitle303,
h1.ctitle304,
h1.ctitle305,
h1.ctitle306 {
	width:663px;
	height:64px;
	background:url(/img/common/h1_003.gif) no-repeat top left;
	text-indent:-10000px;
}

h1.ctitle400,
h1.ctitle401,
h1.ctitle402,
h1.ctitle403 {
	width:663px;
	height:64px;
	background:url(/img/common/h1_004.gif) no-repeat top left;
	text-indent:-10000px;
}
h1.ctitle500,
h1.ec {
	width:663px;
	height:64px;
	background:url(/img/common/h1_005.gif) no-repeat top left;
	text-indent:-10000px;
}
h1.ctitle600 {
	width:663px;
	height:64px;
	background:url(/img/common/h1_006.gif) no-repeat top left;
	text-indent:-10000px;
}
h1.ctitle600 {
	width:663px;
	height:64px;
	background:url(/img/common/h1_006.gif) no-repeat top left;
	text-indent:-10000px;
}
h1.ctitle700 {
	width:663px;
	height:64px;
	background:url(/img/common/h1_007.gif) no-repeat top left;
	text-indent:-10000px;
}

/*
dt {
	width:150px;
	float:left;
	clear:both;
	}

dd {
	margin-left:150px;
	width:500px;
}
*/
	
	
	
/* ページャー */

.pager {
	margin-top:20px;
	padding:1px;
	background:#dddddd;
	margin-bottom:20px;
}
.pager form {
	margin-top:1px;
	float:right;
}
.pager p {
	float:left;
}
.pager p a,
.pager p span {
	display:block;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	margin-right:3px;
	border:1px solid #bbbbbb;
	float:left;
	font-size:12px;
}
.pager
.pdown {
	float:left;
	padding:3px;
}



div.ltitle {
	padding-top:8px;
	padding-left:27px;
	padding-bottom:10px;
	line-height:100%;
	background:url(/img/common/ssoh2bg.gif) no-repeat top left;
	font-size:12px;
	margin-top:10px;
	margin-bottom:15px;
	color:#108fbf;
}




/* コメント */



.commentbox {
	clear:both;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:20px;
	margin-top:20px;
	border:1px solid #dddddd;
	background-color:#eeeeee;
	padding:5px;
}
.mes {
	color:#ff0000;
	padding:10px;
}

.comment {
	clear:both;
	margin-top:10px;
	margin-left:30px;
}

.comment a,
.comment span {
	float:left;
	display:block;
	width:95px;
	height:28px;
	background:url(/img/common/commentf.gif) no-repeat top left;
	text-indent:-10000px;
}

.commentbox
h4 {
	font-size:12px;
	padding-bottom:8px;
	background:url(/img/common/dotline.gif) repeat-x bottom left;
}
.commentbox
h4 span.ti {
	display:block;
	width:185px;
	height:17px;
	background:url(/img/common/commenttitle.gif) no-repeat top left;
	text-indent:-10000px;
	font-size:12px;
	padding-bottom:4px;
}


.commentlist b{
	display:block;
	float:left;
}
.commentlist span{
	display:block;
	float:right;
}
.commentlist ul {
	 margin-top:10px;
}

.commentlist li{
	line-height:140%;
	font-size:0.75em;
	clear:both;
	margin-top:1px;
	margin-bottom:1px;
	padding-top:1px;
	padding-bottom:1px;
}







.basebox {
	clear:both;
	margin-bottom:20px;
	margin-top:20px;
	border:1px solid #dddddd;
	background-color:#eeeeee;
	padding:10px;
}
.basebox
.mes {
	color:#ff0000;
	padding-top:10px;
	margin-left:110px;
	margin-right:100px;
}
.basebox
p {
	margin-top:5px;
	margin-bottom:20px;
	font-size:12px;
}

.basebox
h4 {
	font-size:12px;
	padding-bottom:4px;
	background:url(/img/common/dotline.gif) repeat-x bottom left;
}


.basetable {
	margin-left:120px;
	margin-bottom:30px;
	margin-top:20px;
	width:600px;
	border:3px solid #dddddd;
	background:#ffffff;
	font-size:12px;
}

.basetable th,
.basetable td {
	border-collapse:collapse;
	padding:10px;
	}
	
.basetable tr.co th {
	width:150px;
	background:#f4f4f4;
	border-right:1px dotted #dddddd;
	border-bottom:1px dotted #dddddd;
}
.basetable tr.co td {
	border-bottom:1px dotted #dddddd;
}
.fmsign01 {
	width:98%;
}

.fmsign02 {

	}
	
	
	
.nodata {
	text-align:center;
	margin-top:80px;
	margin-bottom:80px;
	font-size:12px;
	color:#666666;
}



/* 口コミガイド */

.commentli {
	margin-top:30px;
}

.icon {
	width:49px;
	height:58px;
	background:url(/img/common/pagecomment_icon.gif) no-repeat top left;	
	margin-top:2px;
	margin-right:2px;
	text-indent:-10000px;
	float:left;
}
#leftcol
.fukidasi {
	float:left;
	margin-left:2px;
	width:587px;
}

#leftcol
.fukidasi
.head {
	background:url(/img/common/pagecomment_waku.gif) no-repeat top left;
	height:30px;
}
#leftcol
.fukidasi
.bd {
	background:url(/img/common/pagecomment_bd.gif) repeat-y top left;
}
#leftcol
.fukidasi
.foot {
	background:url(/img/common/pagecomment_waku.gif) no-repeat bottom left;	
	height:4px;
}

/* toppage comment */
#centercol
.fukidasi {
	float:left;
	margin-left:2px;
	width:466px;
}

#centercol
.fukidasi
.head {
	background:url(/img/common/pagecomment_wakus.gif) no-repeat top left;
	height:30px;
}
#centercol
.fukidasi
.bd {
	background:url(/img/common/pagecomment_bds.gif) repeat-y top left;
}
#centercol
.fukidasi
.foot {
	background:url(/img/common/pagecomment_wakus.gif) no-repeat bottom left;	
	height:4px;
	font-size:4px;
}




.commentli
h5 {
	margin-top:3px;
	margin-left:13px;
	padding:3px 5px 4px 5px;
	font-size:12px;
	background:url(/img/common/dotline.gif) repeat-x bottom left;
}
.commentli
h5 span.morebt a {
	display:block;
	float:right;
	width:71px;
	height:15px;
	background:url(/img/common/pagecomment_readcont.gif) no-repeat top left;
	text-indent:-10000px;
}

.commentli
p {
	padding:3px 5px 0px 18px;
}
.commentli
span.tag {
	display:block;
	padding:0px 0px 0px 18px;
	font-size:10px;
}
.commentli li {
	margin-bottom:10px;
}

#centercol
.commentli
p {
	font-size:0.75em;
	padding:3px 5px 0px 18px;
}




/* default table */

/*

table {
	font-size:12px;
	border:1px solid #999999;
	border-collapse: collapse;	
}

table th {
	border-spacing: 0px;
	padding:2px;
}
	
table td {
	border-spacing: 0px;
	padding:2px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px dotted #dddddd;
}


table th {
	background:#005566;
	padding:4px;
	border-right:1px dotted #ffffff;
}

.contents_body
h3 {
	margin-bottom:15px;
	padding:4px;
	background:#eeeeee;
	border:1px solid #e2e2e2;
}
*/




/* コンテンツ種別アイコン */

span.licon01 {
	display:block;
	float:right;
	background:url(/img/common/icon01.gif) no-repeat top left;
	width:82px;
	height:18px;
	margin-top:3px;
	text-indent:-10000px;
}
span.licon02 {
	display:block;
	float:right;
	background:url(/img/common/icon02.gif) no-repeat top left;
	width:82px;
	height:18px;
	margin-top:3px;
	text-indent:-10000px;
}
span.licon03 {
	display:block;
	float:right;
	background:url(/img/common/icon03.gif) no-repeat top left;
	width:82px;
	height:18px;
	text-indent:-10000px;
}

div.pright {
	font-size:0.75em;
}





.aright {
	margin:0 auto;
	margin-top:2px;
	display:block;
	height:21px;
	width:92px;
	border:0px;
	background:url(../img/common/loginbt.gif) no-repeat top left;
	text-indent:-10000px;
}

.dleft {
	text-align:left;
}
.dname {
	margin-bottom:8px;
}
.dcenter {
	text-align:center;
}

#centercol .latest a,
#leftcol .latest a {
	background:url(../img/common/icallow.gif) no-repeat center left;
	padding-left:10px;
}


.nocomment {
	text-align:right;
	font-size:0.75em;
}

.rsscont
.box h4 {
	font-size:0.75em;
}