@charset "UTF-8";
/******************************
@common.css
@author oogai
@dateCreated 2010 5 3
@dateModified 
@description 共通
@note 
    #container
   #header
   #content
    #sub2
    #main
      #mainSubset
    #sub2
   #footer
******************************/

/* 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;
}
/* END[基本レイアウト] */

/* start [抽象要素指定] */
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;
  height:1px;
}
/* END [抽象要素] */


/* 多言語ナビゲーション */

#cm_culture {
  width:320px;
  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;
}
#cm_culture li#ko a{
  width:50px;
  background:url(/img/common/langNv.gif) -270px 0px;
}
/* END 多言語ナビゲーション */


/* start [包括するID] */
#container{
  width:950px;
  margin:0 auto;
  background-color:#FFF;
  border-left:1px solid #dedede;
  border-right:1px solid #dedede;
}
#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 .cke_editor tr{
  border-top:none;
}
.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 もっと見る・詳しく見る */

/* ページアンカー*/
.entryUnit .toCommentlist a{
  border: 1px solid #999999;
  color: #999999;
  font-size: 0.6em;
  font-weight: normal;
  padding: 1px;
  text-decoration: none;
}

/* ページアンカー*/

/* 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;
}
.showHide-Trigger{
  display:block;
  cursor:pointer;
  width:20px;
  height:20px;
  padding:3px;
  background:url(/img/common/downBtn.gif) no-repeat;
  text-indent:-9999px;
}
#sub1 .showHide-Trigger{
  position:absolute;
  right:3px;
  top:0.7em;
}
#main .showHide-Trigger{
  position:absolute;
  right:5px;
  top:1em;
}
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;
}
/*-- IE7対策（半角文字） */

.reportMsg{
  text-align:center;
}
#map{
  margin-left:auto;
  margin-right:auto;
}
.fileslist{
  padding:3px;
}
.fileslist a{
  float:left;
  padding-left: 25px;
}
.file_download_link-pdf{
  background:url(/img/common/icon_pdf.gif) no-repeat;
}
.file_download_link-ppt{
  background:url(/img/common/icon_ppt.gif) no-repeat;
}
.file_download_link-pptx{
  background:url(/img/common/icon_pptx.gif) no-repeat;
}
.file_download_link-xls{
  background:url(/img/common/icon_xls.gif) no-repeat;
}
.file_download_link-xlsx{
  background:url(/img/common/icon_xlsx.gif) no-repeat;
}
.file_download_link-csv{
  background:url(/img/common/icon_csv.gif) no-repeat;
}
.file_download_link-doc{
  background:url(/img/common/icon_doc.gif) no-repeat;
}
.file_download_link-docx{
  background:url(/img/common/icon_docx.gif) no-repeat;
}
.file_download_link-txt{
  background:url(/img/common/icon_others.gif) no-repeat;
}
.file_download_link-png{
  background:url(/img/common/icon_png.gif) no-repeat;
}
.file_download_link-jpg{
  background:url(/img/common/icon_jpg.gif) no-repeat;
}
.file_download_link-gif{
  background:url(/img/common/icon_gif.gif) no-repeat;
}
.file_download_link-zip{
  background:url(/img/common/icon_zip.gif) no-repeat;
}
#file_expTitle{
  font-weight:bold;
}
#file_exp{
  margin:0px 10px 5px 10px;
  padding:10px;
  border:1px #ccc dotted;
}
#file_exp span{
  display:block;
  padding-left:20px;
  margin-right:10px;
  float:left;
}
#file_exp dd{
  padding:3px 0px;
}

/* cornerbox */
.corner-box{
  border-radius: 6px; 
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
}
.corner-box > *:first-child{
  border-radius:6px 6px 0 0;
  -webkit-border-radius:6px 6px 0 0; 
  -moz-border-radius:6px 6px 0 0;
}
.corner-head{
  border-radius:6px 6px 0 0;
  -webkit-border-radius:6px 6px 0 0; 
  -moz-border-radius:6px 6px 0 0;
}
.corner-head > *:first-child{
  border-radius:6px 6px 0 0;
  -webkit-border-radius:6px 6px 0 0; 
  -moz-border-radius:6px 6px 0 0;
}
.corner-bottom{
  border-radius:0 0 6px 6px; 
  -webkit-border-radius:0 0 6px 6px; 
  -moz-border-radius:0 0 6px 6px; 
}
/* sortable */
.sortable_placeholder{
  border:1px dashed #C0C0C0;
  margin-bottom:10px;
}
.transfer_placeholder{
  border:2px dashed #C0C0C0;
  margin-bottom:10px;
}
.sortable .dheader{
  cursor: move;
}


/* cke_dialog_body */
.cke_dialog_body .cke_dialog_close_button {
  right:4px;
}

.cke_dialog_body .cke_resizer {
  float:right;
  margin-right:5px;
}

.cke_dialog_body .cke_dialog_ui_button_ok {
  margin-right:5px;
}