﻿/* CSS Document */

/*■初期設定*/

html 
{
    /*
	scrollbar-3dlight-color:#ccccfe;
	scrollbar-highlight-color:#000099;
	scrollbar-face-color:#fefefe;
	scrollbar-arrow-color:#000099;
	scrollbar-shadow-color:#000099;
	scrollbar-darkshadow-color:#ccccfe;
	scrollbar-track-color:#ddddfe;
    */
}

body{
    background-color: white;
    font-size: 13px; /* モダンブラウザ */
    /*
    *font-size: small;*/ /* IE 7 */
    /*
    *font: x-small;*/ /* IE 6以下 */
	
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, Tahoma, sans-serif;
	color:#000000;/*通常のテキストカラー*/
	/*background: #a1cef9 url(../img/bg.gif) repeat-x top;*/
	}
a{
	color:blue;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:blue;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:none;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}


/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}

div{
	margin:auto;
	}
table{
	border-collapse: collapse;
	width: 720px;
	border: 0;
	background-color: white;
	}
table.ptn1{
	/*border-collapse: collapse;*/
	width: 720px;
	border: 1px solid #333333;
	background-color: white;
	}
table.ptn2{
	/*border-collapse: collapse;*/
	width: 720px;
	background-color: #eeeeee;
	}
table.ptn3{
	/*border-collapse: collapse;*/
	width: 720px;
	border: 1px solid green;
	background-color: white;
	}
table.popup{
	border-collapse: collapse;
	width: 400px;
	background-color: #ffcccc;
	border: 0;
	}
table.msg{
	border-collapse: collapse;
	width: 360px;
	border: 0;
	background-color: white;
	}
table.ori{
	border-collapse: collapse;
	width: 320px;
	border: 0;
	background-color: white;
	}

/*■フォントサイズ調整*/
p,li{
	font-size:12px;
	/*
    font-size:90%;
	font:80%;
    */
	}
th{
	text-align:center;
	font-size:12px;
	padding:0.2em 0.5em;
	line-height:20px;
	}
td{
	text-align:left;
	font-size:12px;
	padding:0.2em 0.5em;
	line-height:20px;
	}
th.ptn1{
	border: 1px solid #333333;
	}
td.ptn1{
	border: 1px solid #666666;
	}
th.ptn2{
	border: 1px solid white;
	}
td.ptn2{
	border: 1px solid white;
	}
th.ptn3{
	/*border: 1px solid green;*/
	height:30px;
	text-align:center;
	}
td.ptn3{
	/*border: 1px solid green;*/
	height:30px;
	text-align:center;
	}
td.top{
	padding:0;
	font-size:15px;
	line-height:28px;
	border-bottom:1px dotted #cccccc;
	}
td.info_title{
	/*border-bottom:1px solid red;*/
	color:#ff6666;
	font-weight:bold;
	}
td.info{
	border-bottom:2px dotted #cccccc;
	}
td.home{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0;
	padding-right: 0;
	border: 1px solid #999999;
	text-align:center;
	}
td.ori{
	padding: 0;
	vertical-align: top;
	}
td.ori_t{
	border: 1px solid #666666;
	background-color: #ffccff;
	}
td.ori_h{
	border: 1px solid #666666;
	background-color: #eeeeee;
	}
td.ori_d{
	border: 1px solid #666666;
	}
td.ori_1{
	border: 1px solid #666666;
	width: 60px;
	}
td.ori_2{
	border: 1px solid #666666;
	width: 120px;
	height: 24px;
	}
td.ori_3{
	border: 1px solid #666666;
	width: 20px;
	}
td.ori_4{
	border: 1px solid #666666;
	width: 60px;
	}
td.ori_5{
	border: 1px solid #666666;
	width: 60px;
	}
td.ori_f{
	border: 1px solid #666666;
	background-color: #eeeeee;
	text-align: center;
	}
td.popup_ptn1{
	background-color: #cccccc;
	width:100px;
	}
td.popup_ptn2{
	background-color: #cccccc;
	width:80px;
	}
td.popup_ptn3{
	background-color: #cccccc;
	width:300px;
	}
td.ptn4{
	border: 1px solid #cccccc;
	height: 24px;
	}


/*■レイアウトセレクタ*/
.CNT{
	text-align:center;
	}
.L{
	text-align:left;
	}
.R{
	text-align:right;
	}


/*■基本レイアウト*/
#container{
	width:796px;
	margin:auto;
	text-align:left;
	background-color:white;
	}

#head{
	/*width:796px;*/
	/*text-align:left;*/
}
#head h1{
	height:16px;
	line-height:16px;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	text-indent:0;
	}
#head h2{
	margin:6px 0 0 0px;
	font-weight:normal;
	}
#head h2 a{
	font-size:24px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	}
#head h2 a:hover{
	font-size:24px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	}
#head_menu{
	background:url(../img/bg_head_menu.gif) no-repeat;
	background-color: white;
	width:796px;
	height:30px;
	text-align:center;
	}
#head_menu ul{
	list-style-type:none;
	}
#head_menu ul li{
	font-size:14px;
	letter-spacing:1px;
	float:left;
	width:159px;
	height:30px;
	position:relative;
	}
#head_menu ul li a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	font:14px;
	width:159px;
	height:30px;
	line-height:30px;
	text-align:center;
	}
#head_menu ul li a:hover{
	color:#FFCC00;
	}
#head_menu ul li.off{
	overflow:hidden;
	width:159px;
	}
#head_menu ul li.off ol.sub{
	left:0px;
	top:-999px;
	}
#head_menu ul ol.sub{
	position:absolute;
	left:0px;
	top:30px;
	width:159px;
	border:1px solid #999999;
	text-align:center;
	list-style-type:none;
	}
#head_menu ul li.on{
	width:159px;
	}
#head_menu ul>li.on{
	overflow:visible;/*×*/
	}
#head_menu ul ol.sub li{
	float:none;
	width:159px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #999999;
	text-align:center;
	float:none;
	/*
    filter:alpha(opacity=82);
    */ /*IE*/
	-moz-opacity:0.82; /*FF*/
	}
#head_menu ul ol.sub li a{
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
	vertical-align:middle;
	font-size:12px;
	height:30px;
	line-height:30px;
	text-align:center;
	}
#head_menu ul ol.sub li a:hover{
	background-color:#FFCC00;
	color:#000000;
	}

.line{
	clear:left;
	margin:10px 0 0 0;
	}

#left_menu{
	float:left;
	width:180px;
	}

#left_menu p{
	}

#left_menu ul{
	width:180px;
	list-style-type:none;
	margin-bottom:20px;
	padding:0 0 1px 0;
	background:url(../img/common/bg_left_menu.gif) repeat-y;
	border:solid #EEEEEE;
	border-width:1px 0 1px 0;
 	}

#left_menu ul li{
	width:176px;
	background:url(../img/common/bg_left_menu_sub.gif) no-repeat top left;
	margin:0 2px 0 2px;
	}

#left_menu ul li.title{
	/*color:#FF0099;*/
	color:#0099CC;
	font-size:11px;
	text-indent:5px;
	background:url(../img/common/bg_li_title.gif) no-repeat top left;
}

#left_menu ul li a{
	color:#333333;
	display:block;
	text-decoration:none;
	vertical-align:top;
	font-size:12px;
	line-height:26px;
	height:26px;
	width:174px;
	text-indent:4px;
	}
#left_menu ul li a:hover{
	color:#FF9900;
}

#main_image{
	float:left;
	background:url(../img/main_pic.gif) no-repeat;
	width:796px;
	height:300px;
	}
#main_image p{
	margin:20px;
	color:#003399;
	font-size:12px;
	text-align:right;
	}
#main_image table{
	width:796px;
	margin-top:20px;
	color:#003399;
	font-size:12px;
	}
#main_image td{
	padding:0;
	line-height:14px;
	}
#room_image{
	float:left;
	background:url(../img/room_main.gif) no-repeat;
	width:796px;
	height:300px;
	}

#contents{
	margin:10px 0 0 0;
	clear:left;
	/*
	zoom:100%;
    */
	}
#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	

#pankuzu{
	width:796px;
	margin:20px 0 0 0;
}

#foot_up{
	background:url(../img/line_02.gif) bottom;
	clear:both;
	height:13px;
	margin:0 0 0 0;
	}
#copy{
	height:20px;
	font-size:10px;
	text-align:center;
	color:#333333;
	padding:2px;
	margin:4px 0 0 0;
	}
#copy a{
	color:#333333;
	text-decoration:none;
	}
#copy a:hover{
	color:#333333;
	}



/***トップ***/
#top{}
#top_middle{
	float:left;
}
#top_btm{
    /*
	zoom:100%;
    */
	}
#top_btm:after{
	content: "";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
#top div#left{
	float:left;
	width:440px;
	margin:20px 0 0 0;
	}
#top div#left h3{
	font-size:12px;
	}
#top div#left div#info{
	/* background:url(../img/bg_info.gif) no-repeat; */
	width:440px;
	/* height:201px; */
	}
#top div#left div#info div#main{
	overflow:auto;
	/*height:240px;*/
	height:280px;
	margin:2px 1px 1px 0;
	border: 0px solid black;
	}
#top div#left div#info div#main h4{
	margin:8px 10px 0 10px;
	font-size:100%;
	color:#003366;
	}
#top div#left div#info div#main p{
	margin:4px 10px 0 10px;
	}
#top div#right{
	float:left;
	width:338px;
	margin:20px 0 0 18px;
	}
#top div#right div#bnr_sps{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, Tahoma, sans-serif;
	font-weight:bold;
}
#top div#right div#bnr_sps p{
	margin:0 0 6px 0;
	border:solid #000066;
	border-width:1px 1px 1px 1px;
	}
#top div#right div#bnr_sps p a{
	background:url(../img/bg_bnr_anc.gif) no-repeat center top;
	display:block;
	width:336px;
	height:108px;
	/*
	filter:alpha(opacity=80);*/ /*IE*/
	-moz-opacity:0.80; /*FF*/
	vertical-align:bottom;
	font-size:14px;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	color:#000000;
	}
#top div#right div#bnr_sps p a:hover{
	/*
	filter:alpha(opacity=50);*/ /*IE*/
	-moz-opacity:0.50; /*FF*/
	}
#top div#right div#bnr_sps p.bnr01{
	background:url(../img/bnr01.gif) no-repeat center;
	}
#top div#right div#bnr_sps p.bnr02{
	background:url(../img/bnr02.gif) no-repeat center;
	}
#top div#right div#adobe{
	margin-top:56px;
	height:48px;
	text-align:right;
	}

/***その他のページ***/
#other_page{}
#other_page h3{
	font-size:22px;
	line-height:100px;
	height:100px;
	color:#000000;
	font-weight:normal;
	text-indent:20px;
	}
#other_page h4{
	background:url(../img/bg_h3_01.gif) no-repeat center left;
	text-indent:15px;
	font-size:120%;
	line-height:1.0em;
	vertical-align:top;
	color:#003366;
	margin:16px 0 0 0;
	}
#other_page h5{
	font-size:100%;
	line-height:1.0em;
	vertical-align:top;
	margin:14px 0 0 0;
	color:#003366;
	}	
#other_page div.typeA{
	}
#other_page div.typeA p{
	margin:8px 0 16px 0;
	line-height:180%;
	}
#other_page div.typeB{
    /*
	zoom:100%;
    */
	}
#other_page div.typeB:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#other_page div.typeB p{
	margin:8px 0 10px 0;
	line-height:180%;
	}	
#other_page div.typeB div.left{
	float:left;
	width:370px;
	}
#other_page div.typeB div.right{
	float:right;
	width:370px;
	margin:0 0 0 20px;
	}

#other_page p.margin_none{
	margin:0;
	}
#other_page p{
	margin:6px 0 0 0;
	}

/*テーブルセット*/
#tbl_setA{
	border:#003366 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setA th{
	border:#003366 solid 1px;
	background:url(../img/bg_th_a.gif);
	padding:6px;
	color:#003366;
	text-align:center;
	}
#tbl_setA td{
	border:#003366 solid 1px;
	padding:6px;
	}
/******************************************************************************************************/
#p-copy{
	width:796px;
	text-align:left;

	}
#p-copy p a{
	background:url(../img/copy_pondt_wt.gif) no-repeat;
	display:block;
	width:24px;
	height:13px;
	text-indent:-9999px;
	margin:0 0 0 772px;
	}

	
#image_left{
	width:796px;
	text-align:left;
	vertical-align:middle;
	margin:20px;
	}
#image_center{
	width:796px;
	text-align:center;
	vertical-align:middle;
	margin:20px;
	}
#image_right{
	width:796px;
	text-align:right;
	vertical-align:middle;
	margin:20px;
	}

/*株主一覧用リンク*/
A.kabu:link {
	color: #333333;
	background-color: transparent;
	text-decoration: none;
}
A.kabu:active {
	color: #ffffff;
	background-color: transparent;
	text-decoration: underline;
}
A.kabu:visited {
	color: #333333;
	background-color: transparent;
	text-decoration: none;
}
A.kabu:hover {
	color: #0000ff;
	background-color: transparent;
	text-decoration: underline;
}
A.kabu {
	color: #ffcccc;
	font-size: 12px;
}

form {
	margin: 0;
}
input,select 
{
	vertical-align: middle;
}

input,textarea {
	margin: 0;
    height: 21px;
}
input.button {
	margin: 0;
	font-size: 12px;
	color: #333;
	/* width: 200px; */
}
input[type="button"] {
	margin: 0;
	font-size: 12px;
	color: #333;
	/* width: 200px; */
}
input.submit {
	cursor: pointer;
	margin: 0;
	width: 60px;
	/* font-size: 12px; */
	color: #333;
	height: 30px;
	background-color: #CCFFFF;
}
input[type="submit"] {
	cursor: pointer;
	margin: 0;
	width: 60px;
	/* font-size: 12px; */
	color: #333;
	height: 30px;
    /*
	background-color: #FFCCCC;
    */
}


h1 {
	font-size: 150%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 120%;
}

hr {
	text-align: center;
	margin-left: 0;
}

.hyou {
	border-bottom-style:none;
	border-right-style:none;
	border-top-width:1px;
	border-top-color:#c0c0c0;
}

.style1 {
	color: #FF0066;
	font-weight: bold;
}
.style2 {color:#cc0099;font-size:16px;font-weight:bold;}
.style6  {font-size: 16px; color: #0000FF; }
.style12 {color: #000000; font-size: 16px; }
.style16 {font-size: 12px}
.style18 {color: #0066CC}
.style19 {font-size: 16px; color: #0066CC; }

#top h3{
	color:#0066cc;
}

#csv表示領域 h4{
  width         : 400px;
  border-bottom :   1px solid darkorange;
  border-left   :  40px solid darkorange;
}
#csv表示領域 table{
	width:796px;
}
#csv表示領域 tr.表ヘッダ{
	background-color : #0066cc;
	color:white;
}
#csv表示領域 td{
	border : 1px solid #cccccc;
}

.imeon{
	ime-mode:active;
}
.imeoff{
	ime-mode:inactive;
}
.imekill{
	ime-mode:disabled;
}

.takeItleft
{
	text-align: left;
} 
.takeItcenter
{
	text-align: center;
} 
.takeItright
{
	text-align: right;
	padding-right: 5px;
} 

.filledRatingStar {
    background-image: url(../img/FilledStar.png);
}
.emptyRatingStar {
    background-image: url(../img/EmptyStar.png);
}
.savedRatingStar {
    background-image: url(../img/SavedStar.png);
}

#social_box{
	border:1px solid #4682B4;
	border:1px solid #cccccc;
	background:#fff;
	width:112px;
	/*padding:10px;*/
	margin-left:-120px;
	text-align:center;
	position:fixed;
	top:360px;
	list-style-type:none;
}

#social_box li a.side_menu {
	display: block;
	text-align: center;
	background: #4682B4;
	padding: 4px 9px;
	color: #fff;
	width: 72px;
	text-decoration: none;
	font-size:11px;
	margin:10px;
}

#social_box li a.side_menu:hover {
	background: #49A3FF;
	color:Yellow;
}

#social_box li.side_menu {
/*
	display: block;
	text-align: center;
	background: #4682B4;
	padding: 4px 9px;
	color: #fff;
	width: 72px;
	text-decoration: none;
	font-size:11px;
*/
	margin-left:10px;
	margin-bottom:10px;
}

#social_box li a.gamen_sw {
	display: block;
	text-align: center;
	background: #4682B4;
	color: #fff;
	width: 16px;
	text-decoration: none;
	font-size:11px;
}

#social_box li a.gamen_sw:hover {
	background: #49A3FF;
	color:Yellow;
}

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

td.help 
{
	border:1px solid #cccccc;
	padding:1em;
}
