@charset "utf-8";
/*
Theme Name: AsashiDenki
Theme URI: http://asahi-denki.net/
Description: 旭電気商会用テーマ
Author: viex
Version: 1.0
*/


@import url("css/reset.css");
@import url("css/base.css");



body {
	background-image: url(images/common/bg.png);
	background-repeat: repeat-x;
	background-position: top center;
}

#wrapper {
	width: 798px;
	margin: 0 auto;
}

#header {
	background-image: url(images/common/logo-B.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 105px;
}

#site-description {
	font-size: 0.7em;
	color: #fff;
	font-weight: bold;
	margin: 7px 0 10px 15px;
	float: left;
}

/*
* ヘッダロゴ
**********/
#site-title {
	margin: 5px 0 0 15px;
	clear: both;
	width: 371px;
	height: 56px;
}

/*
* ヘッダサブナビ
**********/
#subnav_head {
	margin: 2px 15px 0 0;
	width: 223px;
	float: right;
}


#subnav_head li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 33px;
}

/*
* コンテナ
**********/
#container {
	border-left: 1px solid #ccc;
	margin: 20px 15px 20px;
}


/*
* メインエリア
**********/
#main {
	margin: 0;
	padding: 0;
	width: 798px;
	border: 1px solid #c4c4c4;
	border-top: none;
	border-bottom: none;
	background-color: #fff;
}


/*
* グローバルナビ
**********/
#gnav {
	margin: 0 auto;
	padding: 0;
	width: 798px;
	height: 62px;
}

#gnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type:  none;
}


/*
* フラッシュ（トップページ）
**********/
#mainFlash {
	width: 770px;
	height: 200px;
	margin: 15px auto 0;
	clear: both;
	background-color: #F4F4F0;
}
#mainFlash li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#content {
	width: 544px;
	float: right;
	margin: 0;
	padding: 0 0 0 14px;
	border-left: 1px solid #ccc;
}


/*
* トップページのメインビジュアル
**********/
#main_visual_home {
	background-image: url(images/home/mainv.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 300px;
	height: 205px;

	font-size: 0.9em;
	padding: 80px 230px 0 15px;
	margin: 0 0 15px 0;
}


/*
* 安心を・・・ブロック（トップページ）
**********/
#top02 {
	margin: 0 0 15px 0;
}


/*
* フッタナビ
**********/
#nav_bottom {
	font-size: 0.8em;
	margin: 1em 0 1em 0;
	clear: both;
}

#nav_bottom li {
	display: block;
	float: left;
	margin: 0 1em 1em 0;
	background-image: url(images/common/mrk_nav_bottom.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 0 0 0 18px;

}


/*
* フッタバナー（お問い合わせ先）
**********/
#bn_footer_contact {
	margin: 0 auto 20px;
	text-align:center;
}


/*
* サイドバー
**********/
#sidebar {
	float: left;
	width: 208px;
	margin: 0 auto;
	padding: 0;
}

.xoxo li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.bn {
	margin: 10px 8px;
	text-align: center;
}

.bn li {
	margin: 0 0 5px 0;
}

/*
* トップページサイドバーサブナビ
**********/
#btn_subnav_home {
	width: 192px;
	margin: 0 auto 10px;
	padding: 0;
}

#btn_subnav_home li {
	margin: 0 0 2px;
	list-style-type: none;
}



/*
* サイドバー　会社情報
**********/
#bn_about {
	margin: 10px auto;
}

/*
* フッタ
**********/
#footer {
	clear: both;
	background-image: url(images/common/bg_footer.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	height: 193px;
	width: 100%;
	text-align: center;
	padding-top: 13px;

/*	position: absolute;
	margin: -10px 0 0;
*/
}


/*
* 太陽光発電ページ
**********/
#tbl_photovoltaic {
	border-collapse: collapse;
	width: 100%;
}

#tbl_photovoltaic th,
#tbl_photovoltaic td {
	border: 1px solid #C6C6CB;
	background-color: #EDEDEE;
	padding: 4px;
}

#tbl_photovoltaic th {
	text-align: center;
}

#btn_subnav_photovoltaic {
	padding: 0 8px 10px;
	border-bottom: 1px solid #ccc;
}




/*
* オール電化ページ
**********/
#btn_subnav_allelectrification {
	padding: 0 8px 10px;
	border-bottom: 1px solid #ccc;
}



/*
* お問い合わせから完成お引き渡しまでの流れページ
**********/
#btn_subnav_flow {
	padding: 0 8px 10px;
	border-bottom: 1px solid #ccc;
}








.list_green li {
	background-image: url(images/common/mrk_green_circle.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin-left: 0;
	padding: 0 0 0 20px;
	list-style-type: none;
}






/*
* お知らせ
**********/
h2.entry-title {
	background-image: url(images/info/bg_info_title.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 0 0 15px;
	margin: 20px auto 10px;
	color: #DA762A;
	font-weight: bold;
}

.entry-date {
	text-align: right;
	font-size: 0.8em;
	margin: 0 10px 10px auto;
}

#nav-below {
	text-align: center;
	font-size: 0.8em;
	margin: 20px 0 20px 0;
}




/*
* 施工事例
**********/
h2.works_h2 {
	clear: both;
}

.works_box {
	float: left;
	background-image: url(images/works/bg_works_box.png);
	background-repeat;
	background-position: 0 0;
	width: 251px;
	height: 222px;
	padding: 10px;
	margin: 0 auto 20px;
}

.works_box h3 {
	margin: 0.3em 3px;
	color: #D25A2F;
	font-weight: bold;
	font-size: .9em;
	clear: both;
}

.works_box img {
	margin: 0 3px 5px;
	width: 240px;
	height: 160px;
}

.works_box p {
	margin: 0 3px;
	font-size: 0.8em;
}

#btn_subnav_works {
	padding: 0 8px 10px;
	border-bottom: 1px solid #ccc;
}







/*
* 電気充電スタンドページ
**********/
#btn_subnav_chargingpoint {
	padding: 0 8px 10px;
	border-bottom: 1px solid #ccc;
}








/*
* 会社案内ページ
**********/

.tbl_about {
	border-collapse: collapse;
	margin: 0 0 20px;
	width: 100%;
}

.tbl_about th,
.tbl_about td {
	text-align: left;
	text-weight: normal;
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 5px;
}

.tbl_about th{
	width: 7em;
}





#btn_subnav_about {
	padding: 0 8px 10px;
	border-bottom: 1px solid #ccc;
}








/*
* tinymce 用
**********/
body#tinymce {
	background-image: none;
}


.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}