/*==================================
インデックス


１．リセットテンプレート系
２．配色一括設定
３．レイアウトボックス
４.　比較的大きなボックス
５.　画像設定、ボタンなど
====================================*/

@charset "UTF-8";

#randomSelect_276 li {
  float: left;
  padding: 5px 20px;
}

#randomSelect_267 li, #randomSelect_268 li,#randomSelect_273 li,#randomSelect_274 li,#randomSelect_275 li
{
  padding: 3px 20px;
}

.ad_home_side p {
  background-color: #e7f2f8;
  border-bottom: #e4e4e4 solid 1px;
  color: #666;
  font-size: 15px;
  padding: 4px 3px 3px -24px;
}

#advertisement p {
  background-color: #e7f2f8;
  border-bottom: #e4e4e4 solid 1px;
  color: #666;
  font-size: 15px;
  padding: 4px 3px 3px -24px;
}

/*==============================================================================
 * デフォルトスタイルシート
 *----------------------------------------------------------------------------*/
body{
  margin: 10px 0px;
}
#Body{
  text-align: center;
  margin:10px auto;
  width:950px;
}
#Container {
  text-align: left;
}


body, div, p, pre, blockquote, th, td,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
iframe, object, embed, font{
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
  word-break: normal;
}
ul, ol {
  list-style-position: outside;
  list-style-type: none;
}
table {
  border-spacing: 0;
  empty-cells: show;
  margin: 0;
  font-size: 1em;
  word-break: normal;
}
* {
  word-break: break-all;
  border-collapse:collapse!important; 
}
*:first-child+html table {
  border-collapse: collapse!important;
}
* html table {
  border-collapse: collapse!important;
}
th, td {
  vertical-align: middle; 
}
address, cite, caption, th, del, ins,
abbr, acronym, dfn, em, strong,
code, kbd, samp, var {
  border: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
}
img {
  border: none;
  vertical-align: baseline;
}
a img {
  vertical-align: text-bottom;
}
* html a img {
  vertical-align: baseline;
}
br {
  letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: "";
}
form, fieldset, input, textarea {
  margin: 0;
}
form, fieldset {
  padding: 0;
}
fieldset {
  border: none;
}
form p {
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}


#Center h3{
  height:15px;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*----------------------------------------------
 * clearfix, overflow: hidden
 *--------------------------------------------*/
div#LayoutA,
div#LayoutB,
div#LayoutC,
div#LayoutD,
div#LayoutE,
div#LayoutF,
div#LayoutG,
div#LayoutH
div#LayoutI{
  zoom: 1;
  overflow: hidden;
  overflow: -moz-scrollbars-none;
  clear:both;
  /*clear bothをやることにより、ナビゲーションが長すぎる場合のカラム落ちを防ぐ*/
}
#Left,
#Right,
#Center {
  overflow: hidden;
}

/*==============================================================================
 * OpenPNE全共通指定
 *----------------------------------------------------------------------------*/
body {
  font: normal normal normal 10pt/1.2 Arial, Helvetica, sans-serif;
}
input,
textarea,
select {
  color: #333333;
  font-size: inherit;
  font-family: Arial, Helvetica, sans-serif;
}
a:link {
  color: #026cd1;
}
a:visited {
  color: #004a95;
}
a:hover, a:active {
  color: #76afe6;
}
.input_text,
.input_password,
textarea {
  background-color: #f8f8f8;
}
.input_text,
.input_password,
textarea,
select {
  border: 1px solid #888888;
}
.input_image {
  border: none;
}
p {
  overflow: hidden;
}
strong {
  font-weight: bold;
}
/**=============================================================================
 * 配色設定
 *----------------------------------------------------------------------------*/

/*リンク関連*/
a:link    { color: #026CD1; }
a:visited { color: #004A95; }
a:hover   { color: #F69; }
a:active  { color: #76AFE6; }

/*コンテンツ見出しlv1*/
td.bg_06 span.b_b,
.c_00 { color: #222222; }

/*コンテンツ見出しlv2*/
.c_01 { color: #444444; }

/*強調文字暖色*/
.c_02 { color: #D92C49; }

/*強調文字寒色*/
.c_03 { color: #2C65D9; }

/*その他文字色*/
body { color: #000000; }

#Body {
  background: #FFFFFF;
}
#Container {
  background: #FFFFFF;
}
div.dparts {
  background-color: #FFFFFF;
}
div.parts {
  background-color: #FFFFFF;
}
.sideNav .item {
  background-color: #FFFFFF;
}
#Body .sideNav {
  background-color: transparent;
}
#Body .linkLine,
#Body .searchFormLine,
#Body .buttonLine,
#Body .prevNextLinkLine {
  background-color: transparent;
}
a{
  color: #3D91C3;
}


/*====大きなレイアウト====*/

/*----------------------------------------------
 * ベースレイアウト
 *--------------------------------------------*/
#Container {
  position: relative;
  width: 950px;
  padding-top:20px;
}
#Header {
  position: relative;
  margin-bottom:20px;
}
#pc_page_o_home #Header {
  position: relative;
  margin-bottom:0px;
}
 
 /* safari only \*/
 html:\66irst-child #logo_loggedin{
  margin-top:10px;
  float:left;
}

/* IE7 ハック userNavのpadding-leftが効かないので。*/ 
*+html body #logo_loggedin{
  margin-right:35px;
}
#topBanner {
  position: absolute;
  top: 5px;
  left: 247px;
  width: 468px;
  height: 60px;
}
#Top {
  padding-left: 5px;
}
#Top .infoBox,
#Top .descriptionBox {
  margin: 0 20px 10px;
}
/* akiyoshi@mindia.jp */
#Left {
  float: left;
  width: 200px;
  padding: 0px 5px;
}
#Center {
  float: left;
  width: 520px;
  padding-right: 7px;
  padding-left: 8px;    
}   
#Right{
  float:left;
  width: 200px;
  border-left : 1px solid #DFDFDF;
}
/*=== フッター ===*/

#Footer {
  clear: both;
  background: #E4F4F5;
}
#Footer ul{
  text-align: center;
  font-size: 12px;
  padding: 10px;
}
#Footer ul li{
  display: inline;
  margin: 0px 5px;
}
#Footer p {
  text-align:center;
  padding: 5px;
}

/*----------------------------------------------
 * レイアウトごとの指定
 *--------------------------------------------*/
/*=====レイアウトA=====*/


#LayoutA #Center{
  width: 510px;
}
/*　文字のみを大きくした場合のずれを解消。アヨハタさんのアドバイス。 */
div#LayoutA{
clear:both;
} 



/*=====レイアウトB=====*/

#LayoutB #Left {
  float: left;
  width: 180px;
}
#LayoutB #Center {
  float: left;
  width: 540px;
}
#LayoutB #Center .parts{
  border:1px #cccccc solid;
 } 
#LayoutB #Center .partsHeading{
    background-color: #E7F2F7;
  padding:5px;
 }
 
*+html #LayoutB #Center .partsHeading{
  margin-left:0px;
}

*html #LayoutB #Center .partsHeading{
  margin-left:0px;
}
 
/* 重要：IEではメッセージ内容がmarginされない。IE6まで ハック */ 
*+html body #LayoutB #Center .block{
  padding:10px 60px;
}

/* IE7 ハック */ 
* html body#LayoutB #Center .block{
  padding:10px 60px;
}
 
#LayoutB #Center .pne_dparts .ditem{
  border:none;  
 }
#LayoutB #Center .ditem{
  border:none;  
 }
 
#LayoutB #Left .parts{
    border:3px solid #CCCCCC; 
 }

/*=====レイアウトC=====*/

#LayoutC #Center {
  width: 700px;
  margin: 0 auto;
  float:none;
}
 
#LayoutC #Center .partsHeading{
  background-color: #E7F2F7;
  padding:4px 0;
  margin-bottom:10px;
  border-bottom: 1px solid #e4e4e4;
 }
#LayoutC #Center th{
  border:1px solid #CCCCCC;
}
 
/* border-top  を加えたことによってどこか変化が生じたかも　*/

#LayoutC #Center td.photo{
  border-left:1px solid #CCCCCC;  
  text-align:center;
  width:130px;
}
#LayoutC #Center td{
  border:1px solid #cccccc;
  /*ここtext-align禁止*/
 }

#LayoutC #Center td table td{
  border:none;
}
#LayoutC #Center div.parts table td{
  /*border-right:none; これつかうといろいろ影響が！！*/
}  


/*=====レイアウトD=====*/
#LayoutD #Left {
  float: left;
  width: 180px;
  padding:0px;
}
#LayoutD #Center {
  float: left;
  width: 550px;
  padding-left:0px;
  padding-right:0px;
}
#LayoutD #Right {
  float: right;
  width: 200px;
}

#LayoutD #Center .partsHeading{
  background-color: #E7F2F7;
  border-bottom:1px solid #CCCCCC;
  padding:5px;
 }
#LayoutD #Center .parts{
  border:1px solid #CCCCCC;
 }

#LayoutD #Center td{
  border-bottom:1px solid #CCCCCC;
  border-right-width: 0;
  border-right:1px solid #FFFFFF;
 }
 
#LayoutD #Center .pne_dparts{
  border:none;
  padding:0px;
 }
 
#LayoutD #Left .item{
 border:1px solid #CCCCCC;
 }


/*=====レイアウトE=====*/
#LayoutE #Center {
  float: left;
  width: 320px;
  margin:5px 0 0 0; 
}
#LayoutE #Left {
  float: left;
  width: 600px;
  margin:5px 0 10px 5px;
}
 
/* IE6 hacks*/

* html body #LayoutE #Center {
  float: left;
  width: 310px;
  margin:5px 0 0 0; 
}
#LayoutE .pne_dparts{
  border:none;
}

#LayoutE .partsHeading{
  padding:5px;
  background-color:#E7F2F7;
  border-bottom:1px solid #CCCCCC;
}

#LayoutE .pagerRelative{
  border-top:none;
  border-bottom:1px solid #CCCCCC;
}

#LayoutE .body{
  padding:10px 10px 5px 15px;
}
/*=====レイアウトF=====*/
#LayoutF .body{
  padding:10px 10px 5px 15px;
}
#LayoutF #Left {
  float: left;
  width: 520px;
  margin:5px 0 10px 0;
}
#LayoutF #Center {
  float: left;
  width: 200px;
  margin:5px 0 0 0; 
}
#LayoutF #Right {
  float: right;
  width: 200px;
  margin:5px 0 0 0; 
}
/* IE6 hacks*/

* html body #LayoutF #Left {
  float: left;
  width: 515px;
  margin:5px 0 10px 5px;
}

* html body #LayoutF #Center {
  float: left;
  width: 190px;
  margin:5px 0 0 0; 
}

* html body #LayoutF #Right {
  float: left;
  width: 190px;
  margin:5px 0 0 0; 
}
#LayoutF .pne_dparts{
  border:none;
  margin:0;
  padding:0;
}

#LayoutF .pne_parts{
  margin:10px 0 15px 0px;
}

#LayoutF .partsHeading{
  padding:5px;
  background-color:#E7F2F7;
  border-bottom:1px solid #CCCCCC;
}

#LayoutF .pagerRelative{
  border-top:none;
  border-bottom:1px solid #CCCCCC;
}

/*=====レイアウトG=====*/

#LayoutG #Left {
  float: left;
  width: 670px;
}

#LayoutG #CenterRight {
  float: left;
  width: 250px;
} 
#LayoutG #Left .parts{
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;   
  width: 99%;
 }

#LayoutG #Left th{
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
}
 
/* border-top  を加えたことによってどこか変化が生じたかも　*/
#LayoutG #Left td{
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
 }  
#LayoutG #CenterRight h3{
   margin:3px;
}

 
#LayoutG #CenterRight .parts{
  border:1px solid #CCCCCC;   
 }

#LayoutG #CenterRight .parts .item{
  padding:0px 10px 5px 10px;
}

#LayoutG #CenterRight th{
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
}
 
/* border-top  を加えたことによってどこか変化が生じたかも　*/
#LayoutG #CenterRight td{
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
 }
 
/*====レイアウトH====*/
#LayoutH #Left{
  float:left;
  width:500px;
}
#LayoutH #Center{
  float: left;
  width: 160px;
} 

#LayoutH #CenterRight {
  float: left;
  width: 250px;
} 


#LayoutH #Left .partsHeading{
  background-color: #E7F2F7;
 }
 
#LayoutH #Left .parts{
  border:1px solid #CCCCCC; 
 }

#LayoutH #Left th{
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
}
 
/* border-top  を加えたことによってどこか変化が生じたかも　*/
#LayoutH #Left td{
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
 }


#LayoutH #Center .partsHeading{
  background-color: #E7F2F7;
 }
 
#LayoutH #Center .parts{
  border:1px solid #CCCCCC;   
 }

#LayoutH #Center th{
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
}
#LayoutH #Center td{
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
 }


#LayoutH #CenterRight h3{
   margin:3px;
}

#LayoutH #CenterRight .partsHeading{
  background-color: #E7F2F7;
 }
 
#LayoutH #CenterRight .parts{
  border:1px solid #CCCCCC; 
 }

#LayoutH #CenterRight th{
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
}
 
/* border-top  を加えたことによってどこか変化が生じたかも　*/
#LayoutH #CenterRight td{
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
 }
 
  
#LayoutH #CenterRight h3{
   margin:3px;
}

/* akiyoshi@mindia.jp */


/*====レイアウトI  Help Page関連====*/

#LayoutI #Center {
  width: 850px;
  margin: 0 auto;
  padding:0 0 30px 30px;
  float:none;
}
 


/*----------------------------------------------
 * パーツ枠
 *--------------------------------------------*/

div.dparts {
  margin: 0 auto 10px;
  padding: 0 0 7px;
}
div.dparts div.parts {
  margin: 0;
}
div.parts {
  margin: 0 auto 10px;
}
#Right .parts{
  padding-left: 10px;
  border-bottom: 1px solid #DFDFDF;
  margin: 10px 0px;
}

div.ditem {
  padding: 5px 6px;
}
div.ditem div.item {
  margin-bottom:20px;
   border:none;
}
div.parts div.item table{
  border:1px #cccccc solid;
  width:525px;
  margin-left:38px; 
  empty-cells:hidden;
}
#diary_temp td{
  border-right:1px #cccccc solid;
}
#diary_temp td div{
  margin:5px 0;
  padding:5px 0;
  width:380px;
  border-bottom:1px #cccccc dashed;
}
#LayoutC #Center div.parts div.item table th{
  width:90px; 
}
div.pne_dparts{
  margin: 0 auto 10px;
  padding: 7px;
}
div.pne_dparts div.parts {
  margin: 0;
}
.number{
   margin:3px 5px 0px 0px;
 }
 
/*----------------------------------------------
 * パーツ見出し
 *--------------------------------------------*/
#Left .partsHeading{
  background-color: #E7F2F7;
 }
#Center .partsHeading h3 {
  font-weight: bold;
  margin:7px;
}
.partsHeading p {
  display: inline;
  margin-left: 0.5em;
}
#Center .partsHeading{
  background-color: #E7F2F7;
}
#CenterRight .partsHeading{
  background-color: #E7F2F7;
}
.partsHeading{
  background-color: #E7F2F7;
  padding:4px 0;
  margin-bottom:10px;
 }
.partsHeading h3{
  font-weight:bold;
  padding-left:7px;
} 
/*----------------------------------------------
 * テーブル系（わけたほうがいいかと）
 *--------------------------------------------*/

div.parts table {
  table-layout: fixed;
  width: 100%;
  padding:5px;
}
div.parts th,
div.parts td {
  overflow: hidden;
  border:1px solid #CCCCCC;
}
div.parts tr th:first-child,
div.parts tr td:first-child,
div.parts tr th.first-child,
div.parts tr td.first-child {
  border-left-width: 0;
}
div.parts table td table{
  border:none;
  table-layout:auto; 
  width:300px;
}

div.dparts div.parts form table td{
  table-layout: auto; 
}
div.parts form table td table td{
  border:1px solid #FFFFFF;
  table-layout: auto; 
}
div.pne_parts table {
  table-layout: fixed;
  width: 100%;
}
div.pne_parts th,
div.pne_parts td {
  overflow: hidden;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #CCCCCC;
}
div.pne_parts tr th:first-child,
div.pne_parts tr td:first-child,
div.pne_parts tr th.first-child,
div.pne_parts tr td.first-child {
  border-left-width: 0;
}
table#purpose_check td{
}

td.p_c2{
   width:10px;
}
td.p_c3{
   width:30px;
}
div.parts table#del_cont \{
   border:1px solid #cccccc;
   width:500px;
   }
/*----------------------------------------------
 * マーカー付きリンク、ボタンリンク
 *--------------------------------------------*/
ul.moreInfo li {
  padding: 2px 0 2px 20px;
  background: url(./skin/default/img/icon_arrow_1.gif) no-repeat 0 0.4em;
}
ul.moreInfo.button li {
  padding: 0;
  background: none;
}
ul.moreInfo.button li form {
  display: inline;
}
ul.moreInfo.button li form .input_submit {
  margin: 0 5px;
}

div.mi_or_de{
  width:500px;
  text-align:right;
  float:right;
  padding-top:7px;
  margin-bottom:15px;
  margin-right:40px;
}
div.mi_or_de a{
  margin:0 6px;
}
/*----------------------------------------------
 * サブミットボタン
 *--------------------------------------------*/
.input_submit {
  border: 1px solid #888888;
  background: #dadce6;
  letter-spacing: 0;
  cursor:pointer;
}

/*　新規登録Step1専用　（大サイズ）*/

.input_submit2 {
  border: 1px solid #888888;
  background: #dadce6;
  letter-spacing: 0;
  padding:4px;
  font-size:32px;
  cursor:pointer;
}

.draft_save_button[disabled="disabled"] {
  color:grey
}
.input_file {
  background: none;
}
/*----------------------------------------------
 * ラジオボタン、セレクトボタン
 *--------------------------------------------*/
.input_checkbox,
.input_radio {
  width: 16px;
}
ul.check {
  line-height: 1.4;
}
ul.check .input_radio,
ul.check .input_checkbox {
  margin: 0 4px;
}
/*----------------------------------------------
 * パーツ内上下の部分（1件～20件を表示など）
 *--------------------------------------------*/
div.block,
div.partsInfo,
div.pagerAbsolute,
div.pagerRelative,
div.pagerRelativeMulti,
div.operation {
  border-top:#FFFFFF solid 1px;
}
div.partsInfo {
  padding: 10px 40px;
}
div.pagerAbsolute {
  padding: 4px;
  text-align: center;
}
div.pagerAbsolute p {
  display: inline;
}
div.pagerRelative {
  padding: 8px;
  text-align: right;
  clear:both;
}
div.pagerRelativeMulti {
  padding: 4px;
}
div.pagerRelative p,
div.pagerRelativeMulti div.pager p {
  display: inline;
  margin-left: 10px;
}
div.pagerRelativeMulti {
  zoom: 1;
  position: relative;
}
div.pagerRelativeMulti div.pager {
  position: absolute;
  top: 0.3em;
  right: 4px;
}
/*↓異常？*/
div.
{
  padding: 4px;
}
div.operation{
  margin:10px auto;
}
div.operation ul.moreInfo {
  text-align: center;
}
/*Rils対策*/
div.operation ul.moreInfo div{
  text-align: center;
}
/*ここまで_Rils対策*/


div.operation ul.moreInfo li {
  display: inline;
  background-position: 0 50%;
}
div.moreinfobx{
  margin-top:7px;
  margin-left:490px;
  width:auto;
  
  background-image:url(/static/images/aicon2.gif);
  background-repeat:no-repeat;
  background-position:center left;
  padding-left:10px;
  /*background-image:url(./skin/default/img/aicon2.gif);*/
}
div.moreinfobx .moreinfo{
  margin-left:5px;
  text-align:right;
}