@charset "UTF-8";
/******************************
@common.css
@author oogai
@dateCreated 2010 5 3
@dateModified 
@description 共通
@note 
    #container
	 #header
	 #content
	  #sub2
	  #main
	    #mainSubset
	  #sub2
	 #footer
******************************/

/* start [抽象要素指定] */
a{
	color:#867448;
	text-decoration:none;
}
a:link{
	color:#867448;
	text-decoration:none;
}
a:visited{
	color:#867448;
	text-decoration:none;
}
a:hover{
	color:#89100A;
	text-decoration:underline;
}
a:active{
	color:#FF00B2;
	color:red;
	text-decoration:none;
}
hr{
	color:#ccc;
	border-style:dotted;
}
/* END [抽象要素] */


/* start[基本レイアウト] */
body{
	font-size:0.8em;
	color:#3F3F3F;
	background-color:#f3f3f3;
}

/* 言語個別にfont設定 */
body.culture-ja{
	font-family:"MS PGothic","Osaka",Arial,sans-serif;
}
body.culture-en{
	font-family:"MS PGothic","Osaka",Arial,sans-serif;
}
body.culture-zh{
	font-family:Arial,sans-serif;
}
#container{
	width:950px;
	margin:0 auto;
	background-color:#FFF;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
}
/* END[基本レイアウト] */

/* 多言語ナビゲーション */

#cm_culture {
	width:268px;
	margin:5px 10px 10px auto;
}
#cm_culture li{
	float:left;
}
#cm_culture li a{
	display:block;
	text-indent:-9999px;
	height:15px;
}
#cm_culture li#ja a{
	width:55px;
	background:url(/img/common/langNv.gif) 0 0;
}
#cm_culture li#en a{
	width:66px;
	background:url(/img/common/langNv.gif) -55px 0px;
}
#cm_culture li#zh a{
	width:72px;
	background:url(/img/common/langNv.gif) -121px 0px;
}
#cm_culture li#zh_HK a{
	width:74px;
	background:url(/img/common/langNv.gif) -193px 0px;
}
/* END 多言語ナビゲーション */


/* start [包括するID] */
#content{
	margin:0px 15px 0;
	padding-top:30px;
	width:auto;
	background:url(/img/common/contentBack.gif) repeat-x;
}
#main{
	float:left;
	margin-right:10px;
	width:540px;
	min-height:500px;
}
.mainSubset{
	padding:10px 10px;
	border-top:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
/* END [包括するID] */


/* start[sub1 sub2 共通]*/
#sub1,#sub2{
	float:left;
	width:180px;
	min-height:500px;
}
/* END[sub1 sub2 共通]*/


/* start [sub1] */
#sub1{
	margin-right:10px;
}
#sub1 h3{
	padding:6px 5px;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	background:url(/img/common/sub1title.gif) repeat-x;
}
.sideMenu{
	margin-bottom:10px;
	border:1px solid #C0C0C0;
	position:relative;
}
.sideMenu dl{
	padding:0 10px;
	border-bottom:1px dotted #ccc;
}
.sideMenu ul{
	padding:0 10px;
}
.sideMenu ul + p{
	border-top:1px dotted #ccc;
}
.sideMenu li{
	padding:2px;
}

.sideMenu dt{
	float:left;
	text-align:center;
	width:40px;
	padding:5px;
}
.sideMenu dd{
	float:left;
	width:90px;
	overflow:hidden;
}
.calender table a{
	background-color:#3f3f3f;
	color:#EEE;
	display:block;
}

/* ---mypage sub1例外END--- */


/* start [sub2] */
#sub2 h3{
	padding:6px 5px;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	background:url(/img/common/sub2title.gif) repeat-x;
}
	
/* END [sub2] */


/*-------------------------------------------------------------------------共通使用アイテム--------------------------------------------------------------------------*/

/*start 共通使用ナビゲーション*/
ul.mngNv5 li{ width:106px;}
ul.mngNv4 li{ width:133px;}
ul.mngNv3 li{ width:178px;}
ul.mngNv2 li{ width:268px;}

ul.mngNv5 li,
ul.mngNv4 li,
ul.mngNv3 li,
ul.mngNv2 li{
	float:left;
	margin-top:10px;
	padding:7px 0;
	text-align:center;
	height:auto;
	border:1px solid #CCC;
	background:url(/img/common/mngBtnBk.gif) repeat-x;
}

ul.mngNv5 li.on,
ul.mngNv4 li.on,
ul.mngNv3 li.on,
ul.mngNv2 li.on{
	border-bottom:none;
	background:url(/img/common/mngBtnback.gif) repeat-x;
}
/*--END 共通使用ナビゲーション*/



/*start 各ページタイトル・説明文スタイル*/
.globalTitle{
	margin-bottom:10px;
	padding:7px 0px 7px 7px;
	height:auto;
	font-weight:bold;
	color:#666;
	background:url(/img/common/globalTitle.gif) repeat-x;
}
.privateTitle{
	padding:10px;
	letter-spacing:0.1em;
	font-weight:bold;
	color:#666;
	border:1px solid #CCC;
	background:url(/img/common/privateTitle.gif) repeat-x;
}
.detailTitle,
.inputTitle{
	margin-top:5px;
	padding:5px 10px;
	letter-spacing:0.1em;
	width:auto;
	color:#003333;
	background:#FAFCE3;
}
.explainTx{
	padding:5px 10px 10px 10px;
	line-height:1.5;
}
/*END 各ページタイトル・説明文スタイル*/



/* start フォーム部品 */
textarea{
	width:97%;
	height:120px;
	overflow-y:scroll;
	border:1px solid #ccc;
}
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus{
	background-color:#FFFFE1;
}
.text_form{
	width:250px;
}
.submitWrp{
	text-align:center;
	margin:10px 0px 5px 0px;
}
.submitDeliteWrp{
	text-align:right;
	margin:10px;
}

/* END フォーム部品 */



/* start テーブルスタイル[ブログ・コミュニティ] */
.editTable{
	width:100%;
	margin:5px 0px;
	vertical-align:top;
	text-align:left;
}
.editTable label{
	color:#666;
	font-weight:bold;
}
.editTable tr{
	border-top:1px dotted #ccc;
}
.editTable th{
	width:auto;
	padding:10px;
	border-right:1px dotted #ccc;
	background:#F9FBFB;
	font-weight:bold;
	text-align:right;
}
.editTable td{
	width:70%;
	empty-cells:show;
	padding:10px;
}
.editTable td.editorArea{
	width:auto;
	empty-cells:show;
	padding:0;
}

.cke_editor td{
	padding:0; 
	border:none;
}

/* END テーブルスタイル[ブログ・コミュニティ]*/



/* start テーブルスタイル[その他入力系] */
.formTable{
	width:100%;
	vertical-align:top;
	text-align:left;
}

.formTable th{
	width:auto;
	padding:6px 8px;
	border:1px solid #ccc;
	background-color:#E9EEEF;
	text-align:right;
}

.formTable td{
	width:70%;
	empty-cells:show;
	padding:6px 8px;
	border:1px solid #ccc;
	background:#F3F3F3;
}
	
/*-- IE7対策（半角文字） */
.editTable textarea,
.formTable textarea{
	width:345px;
	overflow-x:auto;
}

/* END テーブルスタイル[入力系] */



/* start テーブルスタイル[一覧系]*/
.listTable{
	width:100%;
	vertical-align:top;
	text-align:left;
}
.listTable th {
	padding:5px 10px;
	vertical-align:middle;
	border-top:1px dotted #c9e4f7;
	border-bottom:1px dotted #c9e4f7;
	color:#3a9fd8;
	background:#f4f4f4;
}
.listTable td{
	padding:10px 7px;
	vertical-align:middle;
	border-bottom:1px dotted #ccc;
	background:#fff;
}
/*-幅調整用-*/
.nameCol{
	width:25%;
}
.dateCol{
	width:20%;
}
.funcCol{
	width:10%;
}
.fnameCol{
	width:15%;
}	
.operatCol{
	width:20%;
}
/*-幅調整用-*/
/* END テーブルスタイル[一覧系]*/



/* start search共有スタイル*/
.searchKeyword,
.searchSelector{
	padding:10px;
}
.searchKeyword input{
	width:150px;
}
.searchSelector select{
	width:160px;
}

/*start searchエントリー--*/
.rankList{
	padding:10px 0px 10px 8px;
}
.rankList li{
	margin:3px;
}
.recentUnit{
	padding:10px;
}
.recentUnit p.objImg{
	float:left;
	width:70px;
	height:70px;
	margin:0 5px;
}
.recentUnit dl{
	float:left;
	width:auto;
	margin:0 5px;
}
/* END searchエントリー--*/
/* END search共有スタイル*/



/* start ページ切り替え ---*/
.pager{
	text-align:center;
	clear:both;
	margin:15px 0;
}
.pager a{
	color:#666;
	padding:5px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	width:auto;
	border:1px dotted #ccc;
}
.pager a:hover,
.pager .selfPage{
	background:#FFFBCF;
	text-decoration:none;
}
.pager .selfpagetx{
	color:#867448;
	font-weight:bold;
}
/* END ページ切り替え*/



/*start エントリークラス*/
.objName,
.objOutline,
.objTitle{
	padding:5px;
}
.objDate{
	color:#999;
	padding:5px;
}
.objOrder{
	font-weight:bold;
	color:#77011c;
}
/* ENDエントリークラス */



/* start もっと見る・詳しく見る */
.more{
	clear:both;
	padding-bottom:2px;
	text-align:right;
}
.more a{
	padding-left:15px;
	background:url(/img/common/allowDetail.gif) no-repeat;
}
.toList{
	text-align:right;
	padding:5px;
}
.toList a{
	padding-left:15px;
	background:url(/img/common/allowDetail.gif) no-repeat;
}

/* END もっと見る・詳しく見る */



/* start ダイアログスタイル--*/
.popupClose,
.resultComment{
	text-align:center;
	margin:10px auto;
}
.popupClose a{
	display:block;
	width:100px;
	margin:15px auto;
	padding:5px;
	border:1px solid #ccc;
	background:#f4f4f4;
}
.error_list{
	color:red;
	font-size:80%;
}

/*-- 削除ダイアログメッセージ--*/
.dialogTx{
	padding:10px;
}
/*--END ダイアログスタイル--*/



/*--- アラートテキスト ---*/
.emphasis{
	color:red;
	padding:2px;
}
#sub1 .notValue{
	font-size:80%;
}
#sub1 .notValue,
#main .notValue{
	padding:10px 0px 10px 10px;
	color:#EA2A04;
	text-align:center;
}
/*ENDアラートテキスト*/

.msg{
	color:#0099CC;
	text-align:center;
	font-weight:bold;
}


/*--mypage・community・keyword・profileにて使用--*/
.utilityLinks{
	clear:both;
	margin:5px;
	text-align:right;
}
.utilityLinks a{
	padding:0 5px;
}
#sub1 .showHide-Trigger{
	display:block;
	cursor:pointer;
	position:absolute;
	width:20px;
	height:20px;
	right:3px;
	top:0.7em;
	padding:3px;
	background:url(/img/common/downBtn.gif) no-repeat;
	text-indent:-9999px;
}
#main .showHide-Trigger{
	display:block;
	cursor:pointer;
	position:absolute;
	width:20px;
	height:20px;
	right:5px;
	top:1em;
	padding:3px;
	background:url(/img/common/downBtn.gif) no-repeat;
	text-indent:-9999px;
}
input.input_num{
	width:64px;
	ime-mode:disabled;
}
input.input_alpha{
	ime-mode:disabled;
}

/*管理者に通報*/
/*エントリー画面の左サブメニュー*/
.reportMenu{
	margin:auto 5px auto 5px;
}

.reportMenuLink{
	text-align:center;
}

/*管理者に通報入力画面*/
.reportInput h3{
	text-align:center;
	font-weight:bold;
}
.reportTable{
	width:100%;
	margin:5px 0px;
	vertical-align:top;
	text-align:left;
}
.reportTable label{
	color:#666;
	font-weight:bold;
}
.reportTable tr{
	border-top:1px dotted #ccc;
}
.reportTable th{
	width:auto;
	padding:10px;
	border-right:1px dotted #ccc;
	background:#F9FBFB;
	font-weight:bold;
	text-align:right;
}
.reportTable td{
	width:70%;
	empty-cells:show;
	padding:10px;
}
.reportTable td.editorArea{
	width:auto;
	empty-cells:show;
	padding:0;
}
	
/*-- IE7対策（半角文字） */
.reportTable textarea,
.formTable textarea{
	width:290px;
	overflow-x:auto;
}

.reportMsg{
	text-align:center;
}

#map{
	margin-left:auto;
	margin-right:auto;
}
