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

/*
===============================================================================
初期設定
===============================================================================
*/

/*-----------------------------------------------------------------------------
タグのブラウザ依存設定を初期化
-----------------------------------------------------------------------------*/
/*
Reset: margin, padding propaty*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,img,th,form {
margin:0;padding:0; }

/*
Reset: border propaty*/
img {
border:0;
 }

/*
Reset: List selector*/
ol,ul {
list-style:none; }

/*
Reset: font propaty*/
address {
font-style:normal;font-weight:normal; }
a	{
/*	text-decoration:none;*/
}


/*-----------------------------------------------------------------------------
フォントフェイス、フォントサイズ、行間の基本設定
-----------------------------------------------------------------------------*/
/*
Reset: font-size, line-height propaty
ブラウザのデフォルトフォントサイズを16pxと前提*/
body {
font-size: 85%;/*14px*/ /*75%;  12px */    line-height: 1.4; }
h1,h2,h3/*,h4,h5,h6*/ {
font-size: 1.2em; /* 14px */ line-height: 1.0; }
p, dd {
font-size: /*1.0em 12px*/;line-height: 140%; letter-spacing:0.1em;}

/*大部分のタグ対象へ*/
h1,h2,h3,h4,h5,h6,a,ul, li, td, p{
	color:#333;
}
/* 
Reset: font-family propaty*/
body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
/*font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/}


/*-----------------------------------------------------------------------------
フロート操作によるボックスの高さ調整
-----------------------------------------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-Mac */


/*-----------------------------------------------------------------------------
Firefoxの右側スクロールバーの表示
Firefox上でコンテンツの高さがウィンドウの高さより短い場合に表示位置がずれる現象を解消
-----------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
hr {
	display: none;
}

/*-----------------------------------------------------------------------------
letter-spacingを設定するとIEでbrが効かない現象解消
-----------------------------------------------------------------------------*/
br {
  letter-spacing: 0;
}

/*-----------------------------------------------------------------------------
新聞記事のように先頭文字のみインパクト与えるスタイル
-----------------------------------------------------------------------------*/
p.impact:first-letter{
	font-weight: bold;
	font-size: 200%;
}

/*-----------------------------------------------------------------------------
テキストのスタイル
-----------------------------------------------------------------------------*/


/*
===============================================================================
レイアウト設定
===============================================================================
*/

/*div{
	border:1px solid #F00;
}*/
html{
    height:100%;
}
body{
    height:100%;
	background:url(../img/top/bg_top.gif) left top repeat-x;
	/*background-color:#FFF;*/
	margin: 0px;	
}

/*背景の外枠*/
* html div#wrap{
    height:100%;
}
div#wrap{
    width: 935px;/*700*/
    margin:0px auto;
	padding: 0px;
    position:relative;
/*    min-height: 100%;*/
	/*background-color:#FFF;*/
}
body > #wrap {
        height: auto;
}

/*header + content*/
/*#main{
	padding:0 10px;
	margin:0 auto;
	width:680px;
	height:auto;
	border-top: 1px none #EBEBEB;
}*/

/*header*/
#header{
	background:url(../img/top/img_headerTop.gif) left top no-repeat;
	width:935px;
	height:50px;
	padding-top:57px;
	overflow:hidden;
}
#header h1{
	background:url(../img/top/img_logo.gif) left top no-repeat;
	width:635px;
	/*height:50px;*/
	padding-top:35px;
	font-size:10px;
	font-weight:normal;
	color:#666;
	float:left;
}
#header li{
	display:inline;
}
#header li a{
	display:block;
	float:left;
	width:150px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
}
#header li.favorite a{
	background:url(../img/top/btn_favorite.gif) left top no-repeat;
}
#header li.favorite a:hover{
	background:url(../img/top/btn_favorite.gif) left -50px no-repeat;
}

#header li.logo a{
	background:url(../img/top/btn_newsbit.gif) left top no-repeat;
}
#header li span{
	text-indent:-999px;
}

/*menu*/
#menu{
	clear:both;
	background:url(../img/top/bg_top2.gif) left top repeat-x;
	height:30px;
	padding-top:10px;
}
#menu li{
	display:inline;
}
#menu li a{
	display:block;
	height:30px;
	float:left;
	padding-right:5px;
	color:#9FA7B3;
	text-indent:-999px;
}
#menu li.menu01 a{
	background:url(../img/top/tab01.gif) left top no-repeat;
	width:100px;
}
#menu li.menu02 a{
	background:url(../img/top/tab02.gif) left top no-repeat;
	width:140px;
}
#menu li.menu03 a{
	background:url(../img/top/tab03.gif) left top no-repeat;
	width:140px;
}
#menu li.menu04 a{
	background:url(../img/top/tab04.gif) left top no-repeat;
	width:140px;
}
#menu li.menu05 a{
	background:url(../img/top/tab05.gif) left top no-repeat;
	width:140px;
}

/*leftColumn*/
#leftColumn{
	width:690px;
	float:left;
	padding-right:15px;
}
/*news*/
#news{
	width:690px;
	overflow:hidden;
	border-bottom:1px dotted #999;
}

/*leadTxt*/
div.leadTxt{
	width:425px;	
	padding:10px 0;
	float:left;
}
p.lead {
	padding-bottom:20px;
}

#banners { 
	clear:both;
	width:690px;
	overflow:hidden;
	padding-bottom:0px;
}


p.btnDemo a{
	background:url(../img/top/btnDEMO.gif) left top no-repeat;
	width:200px;
	height:35px;
	display:block;
	float:left;
	color:#EFEBEA;
	text-indent:-999px;
}
p.btnDemo a:hover{
	background:url(../img/top/btnDEMO.gif) left -35px no-repeat;
}

p.btnDemo a.donyu{
	background:url(../img/top/btn_introduction.gif) left top no-repeat;
	width:230px;
	height:35px;
	margin-left:5px;
	float:left;
	display:block;
	color:#EFEBEA;
	text-indent:-999px;
}
p.btnDemo a.donyu:hover{
	background:url(../img/top/btn_introduction.gif) left -35px no-repeat;
}

#twitter {
	margin-top:20px;
}

/*sample*/
div.sample{
	width:265px;
	float:left;
}

/*boardfunction*/
div#boardfunction{
	margin-bottom:25px;
	margin-top: 25px;
}

div#boardfunctionDetail{
	width:690px;
	height:auto;
	background-image: url(../img/top/bg_function.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
div#boardfunctionDetail span{
	font-size:140%;
	color:#BE1427;
}

div#function_detail {
	width:680px;
	overflow:hidden;
	background:url(../img/top/function_bg.jpg) 4px 100% no-repeat;
}

div#function_detail li {
	padding-left:4px;
	float:left;
}

div#function_detail li.f_detail01 {
	width:316px;
}

div#function_detail li.f_detail02 {
	width:176px;
}

div#function_detail li p {
	padding:10px 10px 24px 12px;
}

div#function_detail li p:first-letter {
	font-size:150%;
	font-weight:bold;
	color:#BE1427;
}

div#function_detail li p img {
	float:right;
	margin-top:10px;
}



div.point1{
	width:310px;
	float:left;
	padding: 0 10px;
	display:block;
}
div.point2{
	width:170px;
	float:left;
	padding: 0 10px 0 0px;
	display:block;
}
div.point3{
	width:170px;
	float:left;
	display:block;
}
div.point3 img.qr{
	float:right;
}


/*sponsor*/
div#sponsor {
	width:690px;
	margin-top:30px;
	overflow:hidden;
}
div#sponsor ul li{
	float:left;
	padding:0 22px 0 0;
}
div#sponsor ul li.last{
	padding:0;
}
/*recommend*/
#recommend{
	padding-top:60px;
	padding-bottom: 15px;
	display:block;
}
#recommend img.recommendImg {
	float:left;	
	padding-right:15px;
	padding-bottom:15px;
	display: block;
}
#recommend p.recommendTxt a {
	text-decoration:none;
}
#recommend p.recommendTxt a:hover{
	text-decoration:underline;
	color:#0033FF;
}

/*recommendBanner*/
#recommendBanner {
	background-color:#EAEBEC;
	width:660px;
	height:auto;
	padding:15px 15px 0 15px;
}
#recommendBanner li{
	display:inline;
}
#recommendBanner a{
	display:block;
	width:120px;
	height:60px;
	float:left;
	padding-right:15px;
	padding-bottom:15px;
}
#recommendBanner li#lastBanner a{
		padding-right:0;
}
#recommendBanner li.btnBanner01 a{
	background:url(../img/top/adv02.gif) left top no-repeat;
}
#recommendBanner li.btnBanner02 a{
	background:url(../img/top/adv03.gif) left top no-repeat;
}
#recommendBanner li.btnBanner03 a{
	background:url(../img/top/adv04.gif) left top no-repeat;
}


/*rightColumn*/
#rightColumn{
	width:230px;
	float:left;
}

/*login*/
#login{
	border:1px solid #B2B9C2;
	background-color:#FFA4D2;
	margin-top:15px;
	/*margin-bottom: 15px;*/
}
#login table{
	margin:0 auto;
	font-size:12px;
}
#login table td, th{
	padding:2px 5px;
}
#login table th{
	font-weight:normal;
}
#login table tr.loginttl td{
	padding:5px;
	font-weight:bold;
	
	border-bottom:1px solid #B2B9C2;
}
#login table tr.zip td,#login table tr.zip2 td{
	padding-top:10px;
}
#login table tr.btnlogin td{
	padding:5px 0;
}
#login table tr.mansioncode td{
	padding:5px 0;
}
#login table tr.mansioncode select{
	width:210px;
}

#login table tr.ridge select{
	width:105px;
}
#login table tr.roomnum input,#login table tr.password input,#login table tr.zip2 input{
	width:100px;
}
#login table tr.persistcookie{
	font-size:10px;
}
#login table tr.forgetpass td{
	padding:5px;
}
/*#login table td.password1, #login table td.password2{
	padding:5px 10px;
	font-size:12px;
}
#login table td.password2{
	width:150px;
}
#login table td.persistcookie2{
	font-size:10px;
}*/
/*#login td.bg_login{
	color:#333;
	padding:5px 10px;
	height:15px;
	width:190px;
	font-size:12px;
	vertical-align:middle;
	background-image: url(../img/top/bg_login.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#login input, #login select{
	margin-bottom:10px;
}


#login td.password1{
	font-size:12px;
	width:90px;
}
#login td.password1 input, #login td.password2 input{
	width:115px;
}

#login td.persistcookie1{
	text-align:center;
}
#login td.persistcookie2{
	font-size:10px;
	vertical-align:middle;
}*/

/*banner*/
/*add kurosawa 101110*/
#banner{
margin:0 0 20px 0;
}

#banner li{
	/*padding-bottom:5px;*/
}

/*featurelink*/
#featurelink{
	margin-top:15px;
	margin-bottom:15px;
	}

#featurelink ul.pink{
	background:url(../img/common/leftaboutus_btm.gif) no-repeat left bottom;
	font-size:12px;
	color:#FF62B0;
	font-weight:bold;
	padding-bottom:15px;
	}

#featurelink ul.pink li{
	background:url(../img/common/left_pinksankaku.gif) no-repeat left center;
	padding-left:15px;
	margin-left:10px;
	margin-bottom:5px;
	}

#featurelink ul li a{
	color:#FF62B0;
	font-weight:bold;
	}

#featurelink ul li a:hover{
	color:#1E79C8;
	font-weight:bold;
	}

/*infoLink*/

#infoLink ul{
	background:url(../img/top/InnerInfo.gif) left top repeat-y;
	font-size:12px;
}
#infoLink li{
	background:url(../img/top/infoList.gif) 10px 10px no-repeat;
	padding-left:25px;
	padding-top:5px;
}

#infoLink li a:hover{
	color:#0000FF;
	}

#infoLink li.last{
	padding-bottom:0;
}

/*adv_area1*/
div#adv_area1 {
	margin-bottom:20px;
}
div#adv_area1 li{
	display:inline;		
}
div#adv_area1 li img{
	float:left;
	display:block;
	padding-right:18px;
	width:120px;
}

/*footer*/
*#footer{
	clear:both;
}


/*contentsエリア共通css*/

div#contents{
	background-color:#fff;
	padding:10px 15px 30px 15px;
	color:#333;
	font-size:90%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
	}

div#contents div.block{
	padding-right:15px;
	margin-bottom:25px;
	}

div#contents div.bluecolorback{
	background-color:#ECF3F8;
	padding:15px 10px 15px 20px;
	}

div#contents .bold{
	font-weight:bold;
	}

div#contents .bluefont{
	color:#1E79C8;
	}

div#contents .righting{
	text-align:right;	
	}

div#contents .pagetop{
text-align:right;
font-family:"メイリオ",sans-serif;
font-size:85%;
font-weight:bold;
}

div#contents .pagetop a{
	text-decoration:none;	
	}

div#contents .pagetop a:hover{
	color:#FF0066;	
	}



/*not_found*/

#notfound {
	padding:30px;
}

/*info*/
#info_wrap {
	width:688px;
	margin-bottom:24px;
	border:solid 1px #DF0441;
	background:#fff;
}
#info {
	width:686px;
	padding:1px;
	overflow:hidden;
}
#info h2 {
	width:126px;
	float:left;
}
#info_article {
	height:144px;
	overflow:auto;
	font-size:0.85em;
}
#info_article ul {
	list-style-type:none;
}
#info_article ul li {
	width:540px;
	overflow:hidden;
	padding:4px 0;
	border-bottom: dotted 1px #cccccc;
}
#info_article ul li p.date {
	width:80px;
	float:left;
	line-height:1.3em;
}
#info_article ul li p.text {
	width:460px;
	float:left;
	line-height:1.3em;
}

#report h3 {
	margin:6px 0 8px;
	padding:2px 0 2px 4px;
	border-left:solid 4px #FF6699;
	font-size:0.85em;
}
#report p {
	margin-bottom:10px;
	padding-left:1.25em;
	font-size:0.85em;
}

#news_flash {
	margin:20px 0;
}
#news_flash h2 {
	padding-bottom:10px;
}
#news_flash h3 {
	margin:0 0 8px;
	padding:2px 0 2px 4px;
	line-height:140%;
	border-left:solid 4px #FF6699;
}
#news_flash h3 span {
	font-size:0.75em;
	font-weight:normal;
}
#news_flash p {
	padding:0 0 8px;
	font-size:0.85em;
}

/*confirm_main*/
div#confirm_main {
	margin-bottom:10px;
	text-align:center;
	padding:6px;
	border:solid 2px #a00000;
	background:#d00000;
}
div#confirm_main p {
	font-size:3em;
	font-weight:bold;
	color:#fff;
}
div#confirm_main p img {
	margin-right:6px;
	vertical-align:middle;
}

div#confirm_main a {
	display:inline-block;
	width:300px;
	margin:10px auto 6px;
	padding:10px;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	border:solid 2px #fff;
	background:#ffcc00;
}
div#confirm_main a:hover {
	border:solid 2px #ccc;
	background:#f0f0f0;
}

li.confirm_side a {
	display:block;
	margin:0 0 5px;
	padding:10px 0;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	border:solid 2px #a00000;
	background:#d00000;
}
li.confirm_side a:hover {
	color:#000;
	border:solid 2px #f00000;
	background:#f0f0f0;
}