@charset "utf-8";
/*------------------------------------------------------------------*/
/*     共通設定用CSS                                                */
/*     対象：Clearfix、文字サイズ、全体包括                         */
/*------------------------------------------------------------------*/

.clearfix:after {
  height: 0;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  visibility: hidden;
  clear: both;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

img {
  border: none;
}


table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}




/* body 設定
------------------------------------------------------------------- */
body {
  width: 100%;
  height: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
  color: #333;
  text-align: center;
/*font-size: 75%;*/
}

html>/**/body {
}


/* リンク 設定
------------------------------------------------------------------- */
a {
  color: #003399;
  text-decoration: none;
  outline: none;
}

a:link {
  color: #003399;
  text-decoration: none;
}

a:visited {
  color: #660099;
  text-decoration: none;
}

a:hover {
  color: #cc0033;
  text-decoration: underline;
} 

a:active {
  color: #cc0033;
  text-decoration: underline;
}


/* 全体包括 設定
------------------------------------------------------------------- */
#wrapper {
  top: 0;
  width:  100%;
  height: 100%;
  min-height: 100%;
  margin: 0 auto;
  padding: 0;
  line-height: 1.4;
  background-color: #ffffff;
}


/* 静的ウインドウ用 */
#staticWindowMode #wrapper {
width: 100%;
margin:0 auto;
background-color: #ffffff;
}


/* mainField 設定
------------------------------------------------------------------- */

/* 静的ウインドウ（左メニューなし）用 */
#staticWindowMode #mainOneField {
width: 960px;
margin:0 auto;
padding: 20px;
text-align: left;
background-color: #ffffff;
font-size: 120%;
}


/* 文字色：共通利用設定
------------------------------------------------------------------- */
/* 文字色：赤 */
#staticPtBase span.redText {
  color: #b00000;
}

/* 文字色：オレンジ */
#staticPtBase span.orangeText {
  color: #bb5306;
}

/* 文字色：青 */
#staticPtBase span.blueText {
  color: #003399;
}

/* 文字色：緑 */
#staticPtBase span.greenText {
  color: #4a7328;
}

/* 文字色：灰 */
#staticPtBase span.grayText {
  color: #777;
}

/* 文字色：茶 */
#staticPtBase span.brownText {
  color: #613f2b;
}


/* No.1）ページタイトル設定
------------------------------------------------------------------- */
/* 初期値 */
#pageTitleField {
width:95%;
  font-size: 120%;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px;
  line-height: 1;
  text-align: left;
  background: #ddd;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}



/* 見出し設定
------------------------------------------------------------------- */


/* No.4-5）中見出し */
#staticPtBase h3 {
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 3px 7px;
  border: 1px solid #ccc;
  background: #eee;
}

/* 枠線：オレンジ、背景：オレンジ */
#staticPtBase h3.frameOrangeBgOrange {
    border: 1px solid #e7c6ab;
    background: #fbe9db;
  }

#staticPtBase h3.frameGreenBgGreen {
    border: 1px solid #b3d793;
    background: #deeed0;
width:95%;
  }


/* No.6）小見出し */
#staticPtBase h4 {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 2px 0 2px 10px;
  border-bottom: 1px solid #ccc;
}



/* No.9-10）本文領域設定
------------------------------------------------------------------- */
/* 枠なし */
#staticPtBase .textBox {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}


/* 枠・背景あり（枠色：オレンジ、背景：オレンジ） */
#staticPtBase .textFrameOrangeBgOrangeBox {
  margin: 0 0 15px 0;
  padding: 10px;
  line-height: 1.4;
  border: 1px solid #e7c6ab;
  background: #fbe9db;
}


/* No.11-28,52-55）リスト設定
------------------------------------------------------------------- */
#staticPtBase ul {
  margin: 0 0 10px 0px;
  padding: 0;
}

/* 共通部分 */
#staticPtBase ul.typeArrowSmallBlue li {
    margin: 0;
    padding: 2px 0 2px 15px;
    line-height: 1.4;
  }

/* リスト設定：小→＠青 */
  #staticPtBase ul.typeArrowSmallBlue li {
    background: url("/articles/blogkorenani/images/list_icon_arrows_blue.gif") no-repeat 0 5px;
  }

/* No.30-32）テーブル設定
------------------------------------------------------------------- */
/* ボーダー無（初期） */
#staticPtBase table {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

#staticPtBase table tr.tr-line {
    margin :0;
    padding: 5px;
    border-bottom: solid #ddd 1px;
  }

  #staticPtBase table td {
    margin :0;
    padding: 5px;
  }



/* 文字装飾設定
------------------------------------------------------------------- */
/* 強調表示（大） */
#staticPtBase strong.largeText {
/* IE：16px */
  font-size: 120%;
}

/* 縮小表示（中） */
#staticPtBase small.middleText {
/* IE：12px */
  font-size: 90%;
}

/* 余白設定
------------------------------------------------------------------- */
/* 20px余白 */
#staticPtBase .marginType01 {
  margin: 0 0 0 20px;
  padding: 0;
}



/* 最初はかくしておく場合 */
.hidden { display: none; }
/* 最初はだしておく場合（JSの呼び出しタグも変更） */
.show { display: block; }


/*いいねボタン*/
div#likebutton-field {width:90%;text-aligh:right;/*margin-left:110px;*/}

div#likebutton-field ul.likebutton {list-style:none;margin:0;padding:0;}
div#likebutton-field ul.likebutton li.like {float:left;vartical-align:text-bottom;width:105px;margin-top:3px;}
/*div#likebutton-field ul.likebutton li.share {float:left;vartical-align:middle;width:96px;padding-right:2px;vartical-align:top;margin-top:4px;}*/
div#likebutton-field ul.likebutton li.tweet {float:left;vartical-align:text-bottom;width:122px;margin-top:3px;}


.articlesSns {
clear:all;
overflow:hidden;
padding:10px 0 0 0;
}

.snsTools{
float:right;
}

.snsTools ul li{
display:inline-block;
    *display: inline;  
    *zoom: 1;  
}

.snsTools ul li .twitter-tweet-button {
width: 104px !important;
}

.main-left {
width:500px;
padding:20px;
float:left;
}

.main-left-title {
line-height:130%;
font-weight:bold;
font-size:150%;
}

.main-left-text {
line-height:130%;
font-size:75%;
}

.main-left-answer {
font-weight:bold;
line-height:130%;
font-size:150%;
text-align:right;
}

.main-right {
width:300px;
padding:30px 10px 0 10px;
line-height:130%;
float:right;
}

.main-right img {
margin:0 20px;
}

.info-right {
width:95%;
padding:15px;
}

.info-left {
display:none;
width:45%;
float:left;
}

.info-right {
float:right;
}

#backNO {
width:95%;
margin:0 auto;
}

.td-question {
padding:5px;
width:90%;
}

td img {
width:100px;
}

td img.iconS {
display:inline;
}

td img.iconL {
display:none;
}

.td-question ,
td img.iconS ,
td img.iconL {
cursor:pointer;
}

div#add {
display:none;
}

div#add728x90 {
display:inline;
}


@media screen and (max-width: 640px){

#wrapper {
  top: 0;
  width: 100%;
}

#staticWindowMode #wrapper {
width:100%;
}

#mainField {
  width: 100%;
}

/* 静的ウインドウ（左メニューなし）用 */
#staticWindowMode #mainOneField {
  width: 100%;
margin:0 auto;
padding:20px 0 0 0;
  text-align: left;
}

#pageTitleField {
width:90%;
  font-size: 120%;
  font-weight: bold;
  margin: 0 auto;
  line-height: 140%;
  text-align: left;
  background: #ddd;
  border: 1px solid #ccc;
}

.main-left {
width:90%;
float:none;
margin:0 auto;
}

.main-right {
width:90%;
float:none;
margin:0 auto;
padding:0;
}

.main-right img {
width:80%;
margin:0 auto 0 auto;
padding:0 0 0 0;
}

.info-left,
.info-right {
width:90%;
padding:15px;
}

.info-left {
float:none;
border-bottom:solid 1px #cccccc
}

.info-right {
float:none;
}

#staticPtBase .marginType01 {
  margin: 0;
  padding: 0;
}

td img {
width:300px;
}

.td-question {
padding:5px;
width:60%;
}

td img.iconS {
display:none;
}

td img.iconL {
display:inline;
}

div#add {
display:inline;
width:100%;
text-align:center;
margin:0 auto;

}

div#add728x90 {
display:none;
}

}