@charset "UTF-8";

/*-----------------------------------------
MT/ECCUBE共通メインCSS
更新日：2010年7月22日
-------------------------------------------
目次：
・基本セット
・サイト別 リンク色変更
・html、body
・container
・ヘッダー
・メインメニュー
・メイン画像（Flash）
・メインコンテンツ
・メインカラム（共通）
・メインカラム（TOP）
・メインカラム（コンテンツ）
・メインカラム（ギャラリー）
・MT検索結果
・サイドバー
・フッター
・カスタムフォーム
-------------------------------------------
仕様：
フォントサイズは、すべて10pxで設定。
例）12pxにしたい場合は、1.0emまたは100%と記述すること。
------------------------------------------*/

/*-------------------------------------
　　　　　・基本セット
-------------------------------------*/
/* 各種リセット */
body {
	font-size: 62.5%; /* 10px */
}
* {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,address {font-style: normal; font-weight: normal;}
table { border-collapse: collapse; border-spacing: 0; }
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
table,th,td {border:none; font-size: 1.0em;}
li {list-style-type: none;}
img {border: none; vertical-align:bottom;}

/* 汎用カラー設定 */
.pink {
	color: #FFCCCC;
}
.red,.req {color:#FF0000;}
.red a:link {color:#FF0000;}
.red a:visited {color:#FF0000;}
.red a:hover {color:#000000;}
.red-bold {color:#FF0000; font-weight: bold;}
.blue {color: #0033FF;}
.bold {font-weight: bold;}
.big {font-weight: bold; font-size: 1.5em;}

/* 汎用インライン・ブロック・フロート */
.inline{display: inline;}
.block{display: block;}
.float-left {float:left;}
.float-right {float:right;}

/* 汎用マージン10px */
.margin10 {margin:10px;}
.margin-top10 {margin-top:10px;}
.margin-right10 {margin-right:10px;}
.margin-bottom10 {margin-bottom:10px;}
.margin-left10 {margin-left:10px;}

/* 汎用マージン20px */
.margin20 {margin:20px;}
.margin-top20 {margin-top:20px;}
.margin-right20 {margin-right:20px;}
.margin-bottom20 {margin-bottom:20px;}
.margin-left20 {margin-left:20px;}

/* 汎用パディング10px */
.padding10 {padding:10px;}
.padding-top10 {padding-top:10px;}
.padding-right10 {padding-right:10px;}
.padding-bottom10 {padding-bottom:10px;}
.padding-left10 {padding-left:10px;}

/* 汎用パディング20px */
.padding20 {padding:20px;}
.padding-top20 {padding-top:20px;}
.padding-right20 {padding-right:20px;}
.padding-bottom20 {padding-bottom:20px;}
.padding-left20 {padding-left:20px;}

/* clearfix */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
.clear {clear: both;}

/* 左・中央テキスト移動 */
.right {text-align: right;}
.center {text-align: center;}

/* 画像リンク透過 */
#header a:hover img , #content a:hover img , .pagetop01 a:hover img {
	filter:alpha(opacity= 70); /* IE */
	-moz-opacity:0.70; /* Firefox CSS3以前 */
	opacity:0.70; /* CSS3 */
}

/*-------------------------------------
　　　・サイト別 リンク色変更
-------------------------------------*/
a:link {
	color: #333333;
}

a:visited {
	color: #333232;
}

a:hover {
	color:#FF0000;
}

/*-------------------------------------
　　・html・body
-------------------------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	overflow-x: hidden;
	position: relative;
	min-width: 950px;
	background-color: #FFFFFF;
	color: #333333;
	padding-right: 60px;
	padding-left: 60px;
}

/*-------------------------------------
　　　・container
-------------------------------------*/
#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 830px;
	background-color: #FFFFFF;
}

/*-------------------------------------
　　　・header
-------------------------------------*/
#header {
	width: 830px;
	height: 90px;
	background-image: url(/images/header01.jpg);
	background-repeat: repeat-x;
	z-index: 2;
	background-position: 70px 0px;
}

/* ヘッダー内ロゴ */
.head01 {
	float: left;
}

.head02 {
	float: right;
}

/*-----------------------------------
　　　・メインメニュー
------------------------------------*/
#main-menu {
	float: left;
	margin-top: 30px;
	width: 600px;
}

#main-menu  ul  li  {
	float: left;
}

#dd {
	font-size: 1em;

}

#dd li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#dd li a.menu {
	display: block;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}

#dd li a.menu:hover {

}

.submenu {
	visibility: hidden;
	position: absolute;
	background-color: #FFFFFF;
	font-size: 1em;
	padding-left: 5px;
	z-index: 3;
}

.submenu a {
	display: block;
	text-align: left;
	text-decoration: none;
	padding: 3px;
	color: #333333;
	font-size: 1em;
	font-weight: normal;
	z-index: 3;
}

.submenu a:hover {
	color: #FFF;
	background-color: #CCCCCC;
	z-index: 3;
}

/*-----------------------------------
　　　・メインイメージ（Flash）
------------------------------------*/
#cross-slide {
	width:950px;
	height:450px;
	line-height:450px;
	margin:0 auto;
	text-align:center;
}
#main-image {
	margin-bottom: 10px;
	z-index: 1;
}

#main-img {
	z-index: 1;
}

/*-----------------------------------
　　　・メインコンテンツ
------------------------------------*/
#content {
	clear: both;
	width: 830px;
	margin-top: 15px;
}

#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

* html #content {
    height: 1em;
    overflow: visible;
}

/*-----------------------------------
　　　・メインカラム（共通）
------------------------------------*/
#main {
	float: right;
	width: 680px;
}

/* h2処理 */
.main-h2 {
	font-size: 1.1em;
	background-repeat: no-repeat;
	text-indent: 10px;
	font-weight: normal;
	background-image: url(/images/main-bar00.jpg);
	padding-top: 3px;
	padding-bottom: 12px;
	margin-bottom: 10px;
	font-style: normal;
	background-position: 0px -2px;
}

/* h3処理 */
.main-h3 {
	font-size: 1em;
	line-height: 1.8em;
	background-color: #F3F3F3;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: normal;
	margin-right: 10px;
	margin-left: 10px;
}

/* パンクズ */
#bread {
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	text-align: right;
}

/*-----------------------------------
　　　・メインカラム（TOP）
------------------------------------*/
.top-lodaloma {
	margin: 15px;
}

.top-menu-area {
	padding-top: 15px;
	padding-left: 25px;
}

/* TOPインフォメーション項目 */
.entry {
	line-height: 1.3em;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.entry ul {

}

.entry li {
	margin-bottom: 5px;
	padding-left: 10px;
}

/*-----------------------------------
　　　・メインカラム（コンテンツ）
------------------------------------*/
/* 記事メイン */
.asset-body {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 15px;
	line-height: 1.8em;
	font-size: 1.0em;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 15px;
	clear: both;
}

/* 会社概要テーブル */
.tb-company{
	width:640px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	margin-right: auto;
	margin-left: auto;
}

.tb-company th{
	padding:10px 0;
	font-weight:bold;
	width:120px;
	text-align: center;
	background-color: #F3F3F3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.tb-company td{
	line-height:1.8em;
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.tb-company li{
	list-style:inside;
  border-bottom:1px dotted #999;
}

.tb-company dt{
	font-weight:bold;
}

.tb-company dd{
	margin:0 0 0 10px;
}

/* その他ページのテーブル */
.tb-page01 {
	width:640px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	margin-right: auto;
	margin-left: auto;
}

.tb-page01 th{
	padding:10px 0;
	font-weight:bold;
	width:180px;
	text-align: center;
	background-color: #F3F3F3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.tb-page01 td{
	line-height:1.8em;
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.tb-page01 li{
	list-style:inside;
  border-bottom:1px dotted #999;
}

.tb-page01 dt{
	font-weight:bold;
}

.tb-page01 dd{
	margin:0 0 0 10px;
}

/*-----------------------------------
　　　・メインページ（ギャラリー）
------------------------------------*/
/* カテゴリーアーカイブ画像 */
.gallery-img01 {
	float: left;
	width: 180px;
}

/* エントリーアーカイブ画像 */
.g-img01 {
	float: left;
	padding-right: 10px;
	clear: both;
	padding-left: 5px;
	margin-bottom: 10px;
}

.g-img02 {
	float: left;
	padding-right: 10px;
	margin-bottom: 10px;
}

.g-img03 {
	float: right;
	padding-right: 5px;
	margin-bottom: 10px;
}

/* 一覧画像の下注釈 */
.entry_comment {
	clear: both;
	font-size: 1.0em;
	line-height: 1.5em;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
}

/* 注釈下meta情報 */
.entry-categories {
	font-size: 1.0em;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
}

.entry-categories h4 {
	float: left;
	padding-right: 5px;
	padding-left: 10px;
}

.entry-categories ul {
}

.entry-categories li {
	display: inline;
}

.comments-content {
	clear: both;
}

/*-----------------------------------
　　　・MT検索結果
------------------------------------*/
#current-page {
	font-size: 1.0em;
	line-height: 1.5em;
	margin-right: 10px;
	margin-left: 10px;
}

.content-nav {
	font-size: 1.0em;
	margin-right: 10px;
	margin-left: 10px;
}

.asset-footer {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.0em;
}

/*-----------------------------------
　　　・サイドバー
------------------------------------*/
#sidebar {
	float: left;
	width: 130px;
}

/* サイドナビ共通 */
.side-nav01 {
	line-height: 1.3em;
	font-size: 1em;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
}

/* サイドナビ共通リスト */
.side-nav01 li a {
	display: block;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px!important;
	padding-bottom: 5px;
	background-image: url(/images/icon01.jpg);
	background-position: 10px 5px;
	background-repeat: no-repeat;
	height: 15px!important;
	height: 25px;
}

/* サイドナビ・子 */
.side-nav01 ul ul li a {
	padding-bottom: 0px;
	background-image: none;
}

/* サイドナビ・子の子 */
.side-nav01 ul ul ul li a {
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 15px;
}

/* MT用検索 */
.search_box01 {
	margin-bottom: 7px;
}

.search_box01 #search {
	border: 1px solid #999999;
	width: 150px;
	margin-left: 15px;
}

/* バナー */
.side-banner01 li {
	margin-bottom: 10px;
}

/*-----------------------------------
　　　・フッター
------------------------------------*/
.pagetop01 {
	clear: both;
	text-align: right;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 30px;
}

#footer-menu {
	width: 830px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #666666;
	clear: both;
}

#footer-menu  li {
	list-style-type: none;
	display: inline;
	font-size: 1.0em;
}

#footer {
	clear: both;
	height: 20px;
	margin-bottom: 50px;
}

* html #footer { /* for IE6 */  
	position: relative;  
	zoom: 1;  
}

*:first-child+html #footer { /* for IE7 */  
	position: relative;
	zoom: 1;
}  

.footer-inner {
	background-image: url(/images/footer01.jpg);
	background-repeat: no-repeat;
	height: 130px;
}

#footer address {
	font-size: 1.0em;
	line-height: 1.0em;
	margin-left: 50px;
	padding-top: 35px;
	color: #666666;
	width: 800px;
}

.copyright {
	text-align: right;
	margin-top: 35px;
	height: 17px;
	width: 920px;
	margin-right: 30px;
}

/*-----------------------------------
　　　・カスタムフォーム
------------------------------------*/
#cf-form h2 {
}

.cf_title_head_comment {
	font-size: 1.0em;
	margin-right: 20px;
	margin-left: 20px;
	text-align: left;
	margin-bottom: 15px;
}

#cf-form .cf_title_footer_comment{
	margin: 15px 40px;
  text-align:left;
}

#cf-form table{
	width: 95%;
	font-size: 1.0em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#cf-form th{
	width: 120px;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	background-color: #F4F4F4;
}

#cf-form td{
	padding:10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

#cf-form .cf_address_td table {
	font-size: 1em;
	border: none;
}

#cf-form .cf_address_td td{
	padding: 2px 0;
	background: none;
	border: none;
	border-bottom:1px dotted #ccc;
}

#cf-form .label{
	width: 50px;
	background-color: #cc0000;
}

#cf-form .req{
	color: #cc0000;
	font-weight: bold;
}

#cf-form .value{
	width: 100px;
}

#cf-form input{
	vertical-align: middle;
}

#cf-form input[type="text"]{
	vertical-align: middle;
	width: 180px !important;
}

#cf-form select{
	vertical-align: middle;
}

#cf-form .cf_textarea_td textarea{
	width: 99%;
	height: 100px;
}

#cf-form .btn{
	margin: 20px 0 0 0;
	text-align: center;
}

#cf-form .btn input{
	margin: 0 auto 30px auto;
	padding: 5px;
	font-size: 12px;
}

#form2all{
	width: 180px;
	margin: 0 auto;
	border: inset;
}

#d_1{
	border: inset;
	float: left;
}

#d_2{
	border: inset;
	float: left;
}

#d_3{
	border: inset;
	float: left;
}

#d_4{
	border: inset;
	float: left;
}

.blog_once_top a {
	color: #493c2b;
}