@charset "utf-8";

/* グローバルナビゲーション
---------------------------------------------------- */
#g-navi {
   width: 940px;
   height:55px;
   background: url(../images/common/g-navi.png) no-repeat;
   margin: 0;
   padding: 0;
   }
   
#g-navi ul {
	position:absolute;
	padding-top: 6px;
	padding-left: 20px;
   }
   
#g-navi li {
   display:inline;
   list-style-type:none;
   }
   
#g-navi li a {
   height: 55px;
   display: inline;
   float: left;
   text-indent: -9877em;
   text-decoration: none;
   overflow: hidden;
   }
   
#g-navi ul {
	/* \*//*/
	padding-left: 98px;
	/**/
	/* Mac IE 5.x ɓKpȂX^C \*/
	margin-left: 0px;
	/*FłX^C*/
}
   

/* グローバルナビゲーション
---------------------------------------------------- */
#g-navi li.home a {
   background:url(../images/common/g-navi.png) no-repeat 0px 0px;
   width:136px;
   }
#g-navi li.about a {
   background: url(../images/common/g-navi.png) no-repeat -137px 0px;
   width:137px;
   }
#g-navi li.homepage a {
   background: url(../images/common//g-navi.png) no-repeat -273px 0px;
   width:133px;
   }
#g-navi li.sample a {
   background: url(../images/common/g-navi.png) no-repeat -406px 0px;
   width:132px;
   }
#g-navi li.faq a {
   background: url(.../images/common/g-navi.png) no-repeat -538px 0px;
   width: 134px;
   }
#g-navi li.contact a {
   background: url(../images/common/g-navi.png) no-repeat -672px 0px;
   width:133px;
   }
#g-navi li.blog a {
   background: url(../images/common/g-navi.png) no-repeat -805px 0px;
   width:135px;
   }
   

/* グローバルナビゲーションhover
---------------------------------------------------- */
#g-navi li.home a:hover {
   background: url(../images/common/g-navi-on.png) no-repeat 0px 0px;
   width:136px;
   }
#g-navi li.about a:hover {
   background: url(../images/common/g-navi-on.png) no-repeat -137px 0px;
   width:137px;
   }
#g-navi li.homepage a:hover {
   background: url(../images/common/g-navi-on.png) no-repeat -273px 0px;
   width:133px;
   }
#g-navi li.sample a:hover {
   background: url(../images/common/g-navi-on.png) no-repeat -406px 0px;
   width:132px;
   }
#g-navi li.faq a:hover {
   background: url(../images/common/g-navi-on.png) no-repeat -538px 0px;
   width:134px;
   }
#g-navi li.contact a:hover {
   background: url(../images/common/g-navi-on.png) no-repeat -672px 0px;
   width:133px;
   }
#g-navi li.blog a:hover {
   background: url(../images/common/g-navi-on.png) no-repeat -805px 0px;
   width:135px;
   }
   

/* グローバルナビゲーションon
---------------------------------------------------- */
#g-navi li.home_on a {
   background: url(../images/common/g-navi-on.png) no-repeat 0px 0px;
   width:136px;
   }
#g-navi li.about_on a {
   background: url(../images/common/g-navi-on.png) no-repeat -137px 0px;
   width:137px;
   }
#g-navi li.homepage_on a {
   background: url(../images/common/g-navi-on.png) no-repeat -273px 0px;
   width:133px;
   }
#g-navi li.sample_on a {
   background: url(../images/common/g-navi-on.png) no-repeat -406px 0px;
   width:132px;
   }
#g-navi li.faq_on a {
   background: url(../images/common/g-navi-on.png) no-repeat -538px 0px;
   width:134px;
   }
#g-navi li.contact_on a{
   background: url(../images/common/g-navi-on.png) no-repeat -672px 0px;
   width:133px;
   }
#g-navi li.blog_on a{
   background: url(../images/common/g-navi-on.png) no-repeat -805px 0px;
   width:135px;
   }


/* リスト
---------------------------------------------------- */
#datalist {
   margin: 2px 10px 2px 10px;
   padding: 2px 10px 2px 10px;
   background-image:url(../images/common/dot-line.png);
   background-position:bottom;
   background-repeat:repeat-x;
   font-size: 1em;
   }
   
#datalist dt {
   margin: 2px;
   padding: 2px;
   float: left;
   display:inline;
   clear: left;
   width: 8.8em;
   font-weight: bold;
   color: #006666;
   text-align:left;
}
#datalist dd {
   margin: 1px;
   padding: 1px;
   margin-bottom: 1.1em;
}


/* twitter
---------------------------------------------------- */
#twitter_div {
text-align : left;
margin : 12px 2px 2px 2px; /* 適宜変更推奨 */
padding : 12px 0 0 0; 
background : url("背景画像のURL") no-repeat;
}

#twitter_div h2 {
font-size : 0.8em;
color:#999999;
text-align : left;
margin : 4px 0;
}

#twitter_div ul {
width : 350px; /* 適宜変更推奨 */
}

/* ↓ここの設定は、10px×7pxのアイコン画像を基準にした数値になっています。 */
#twitter_div li {
padding : 2px 2px 2px 2px; /* 適宜変更推奨 */
background-image : url("各POSTの左側に表示させるアイコン画像のURL");
background-repeat : no-repeat;
background-position : 5px 8px; /* 適宜変更推奨 */
}

#twitter_div li a {
font-size : 1em !important;
color:#36B640; /* 適宜変更推奨 */
}

#twitter_div li a:hover {
color:#36B640;
}

#twitter_div li span {
color:#666; /* 適宜変更推奨 */
font-size : 1em;
font-weight: normal;
}

#twitter_div li span a {
color:#36B640; /* 適宜変更推奨 */
font-size : 1em !important;
}

a#twitter-link {
font-size : 1em;
color:#36B640; /* 適宜変更推奨 */
text-align : right;
display : block;
}

a#twitter-link:hover {
color:#36B640;
}


/* テーブルデザイン
---------------------------------------------------- */
table#dataTable {
    border: 1px #E3E3E3 solid;
    border-spacing: 0;
    background: #fff;
	table-layout: fixed;
	width: 490px;
	margin-bottom: 12px;
}

table#dataTable th {
    padding: 5px;
    border: #98DCDC solid;
    border-width: 0 0 1px 1px;
    background: #73CECE;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#dataTable td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #8ED9D9 #8ED9D9 #fff;
    color: #1A4444;
    text-align: left;
    white-space:normal;
}


/* テーブルデザインL
---------------------------------------------------- */
table#dataTableL {
    border: 1px #E3E3E3 solid;
    border-spacing: 0;
    background: #fff;
	table-layout: fixed;
	margin-bottom: 12px;
	font-size: 0.8em;	
}

table#dataTableL th {
    padding: 5px;
    border: #98DCDC solid;
    border-width: 0 0 1px 1px;
    background: #73CECE;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}

table#dataTableL td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #8ED9D9 #8ED9D9 #fff;
    color: #006666;
    text-align: left;
    white-space:normal;
	font-size: 1em;
}

table#dataTableL .td01 {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #8ED9D9 #8ED9D9 #fff;
    color: #006666;
    text-align: left;
    white-space:normal;
}

table#dataTableL .td02 {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #8ED9D9 #8ED9D9 #fff;
    color: #006666;
    text-align: left;
    white-space:normal;
}

table#dataTableL .title {
    padding: 5px;
    border-style: solid;
    border-color: #fff #8ED9D9 #8ED9D9 #fff;
	background: #ECDAAE;
    text-align: left;
    white-space:normal;
}

table#dataTableL h4 {
	font-size: 1.2em;
    color: #6B5021;
    text-align: left;
}


/* クリア
---------------------------------------------------- */
.clr{
  clear:both;
  height:0;
  margin:0;
  padding:0;
  line-height:100%;
  font-size:0;
}

.clr2{
  clear:both;
  height:0;
  margin:0;
  padding:0;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height:100%;
  font-size:0;
}

.clr3{
  clear:both;
  height:0;
  margin:0;
  padding:0;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height:100%;
  font-size:0;
}

.clr4{
  clear:both;
  height:0;
  margin:0;
  padding:0;
  padding-top: 70px;
  padding-bottom: 30px;
  line-height:100%;
  font-size:0;
}

.clr5{
  clear:both;
  height:0;
  margin:0;
  padding:0;
  padding-top: 14px;
  padding-bottom: 14px;
  line-height:100%;
  font-size:0;
}

.clr6{
  clear:both;
  height:0;
  margin:0;
  padding:0;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height:100%;
  font-size:0;
}

.clr-both {
  clear: both;
  float: none;
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  margin: 0;
  padding: 0;
}


/* パンクズリスト
---------------------------------------------------- */
#pathArea{
  float:left;
  display:inline;
  margin: 30px 10px 0 30px;
  }
  
#pathArea a:link {
  color:#669933;
  background: transparent;
  text-decoration: none;
}
#pathArea a:visited {
  color:#669933;
  background: transparent;
  text-decoration: none;
}
#pathArea a:hover, a:active {
  color:#FF3333;
  background: transparent;
  text-decoration: underline;
}

#pathArea p{
  width:400px;
  margin:0;
  padding:0;
  padding-right: 5px;
  padding-right: 40px;
  background-position:left bottom;
  background-repeat:no-repeat;
  font-size:0.9em; 
  text-align:right;
  color:#669933;  
}

  
 /* フロートメニュー
---------------------------------------------------- */
#floatMenu {
	position:absolute;
	top: 540px;
	right: 0;
	width: 28px;
	padding: 0;
	min-width: 15px;
	background: #f3f3f3;
}

#floatMenu li {
  margin-bottom: 6px;
  font-size: 15px;
  list-style-type: none;
}


/* ページング
---------------------------------------------------- */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}