@charset "UTF-8";

/* ******************************************************

	情熱＆クールプラニング

	全ページ共通 CSS

	01. 初期化
	02. 便利クラス
	03. 共通デザイン
		3-1. ヘッダー
		3-2. グローバルナビ
		3-3. 共通レイアウト
		3-4. 共通デザイン
		3-5. バナーエリア
		3-6. フッター

********************************************************* */

/* ******************************************************

	01. 初期化

********************************************************* */
body , div , p ,
table , th , td , form , input , textarea ,
ul , li , ol , dl , dt , dd ,
h1 , h2 , h3 , h4 , h5 , h6 {
	margin:0;
	padding:0;
}
h1 , h2 , h3 , h4 , h5 , h6 {
	font-size:100%;
	font-weight:normal;
}
table {
	border:0;
	font-size:100%;
}
th , td {font-weight:normal;}
ul , li , ol , dl , dt , dd {list-style:none;}
strong {
	font-style:normal;
	font-weight:bold;
}
em {font-style:italic;}
img {border:none;}
body {
	background:url(../img/bg.jpg) top repeat-x #fff;
	line-height:1.5;
	letter-spacing:1px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
	font-size:10px;
	color:#333;
}

a:link , a:visited {
	text-decoration:underline;
	color:#0068b6;
}
a:hover , a:active {
	text-decoration:none;
	color:#FF6600;
}



/* ******************************************************

	02. 便利クラス

********************************************************* */
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	font-size:0.1em;
}
.clearfix {display:inline-block;}
/* exlude MacIE5 \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* end MacIE5 */

/* テキストインデント */
.ind1 {text-indent:1em;}
.ind2 {text-indent:2em;}

/* テキスト揃え */
.txt-r {text-align:right;}
.txt-c {text-align:center;}

/* 余白 */
.mb05 {margin-bottom:0.5em;}
.mb1 {margin-bottom:1em;}

/* 注釈 */
ul.kome {padding-left:1em;}
ul.kome li {text-indent:-1em;}

/* 基本リスト */
ul.basic {margin-left:1.3em;}
ul.basic li {list-style-type:disc;}

/* 別ウィンドウ */
a.link-window {
	margin-right:3px;
	padding-right:15px;
	background:url(/img/icon_window.gif) right center no-repeat;
}
a.window-link {
	padding-left:15px;
	background:url(/img/icon_window.gif) left center no-repeat;
}

/* 矢印アイコン */
a.arrow-1-right {
	padding:0 0 0 18px;
	background:url(../img/arrow-1-right.png) left center no-repeat;
}

a.arrow-8-right {
	padding:0 0 0 18px;
	background:url(../img/arrow-8-right.png) left center no-repeat;
}

/* 注意アイコン */
.alert	{
	padding:0 0 0 20px;
	background:url(../img/alert.png) left center no-repeat;
}

/* 冒頭*/
.boutou	{
	font-size:large;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/* ******************************************************

	03. 共通デザイン

		3-1. ヘッダー
		3-2. グローバルナビ
		3-3. 共通レイアウト
		3-4. 共通デザイン
		3-5. バナーエリア
		3-6. フッター

********************************************************* */
#container {
	background:url(/img/bg_contents.png) center top repeat-y;
	/*background-image:url(../img/bg_upper.png) repeat-x;*/
}

#container_s {
	background:url(../img/bg_contents.png) center top repeat-y;
	/*background-image:url(../img/bg_upper.png) repeat-x;*/
}

#container-inner {
	margin:0 auto;
	width:960px;
	background-color:#fff;
}

/* 
	3-1. ヘッダー
--------------------------------------------------------- */
#header {
	position:relative;
	width:960px;
	height:83px;
	background:url(/img/header_bg.gif) left top repeat-x;
}

#header_s {
	position:relative;
	width:960px;
	height:83px;
	background:url(../img/header_bg.gif) left top repeat-x;
}

#logo {
	position:absolute;
	top:7px;
	left:6px;
	width:76px;
	height:76px;
}
#header_mongon	{
	margin-left:90px;
	margin-right:180px;
	padding-top:20px;
}
#fire {
	position:absolute;
	top:44px;
	right:20px;
	width:25px;
	height:39px;
}
#rss {
	position:absolute;
	top:0;
	left:789px;
	width:60px;
	height:22px;
}
#header ul li#sitemap {
	left:851px;
	z-index:1;
}
#header ul li#sitemap a {
	background:url(../img/sitemap.gif) 0 0 no-repeat;
	position:absolute;
	top:0;
	text-indent:-9999px;
	left:851px;
	width:85px;
	height:22px;
}
#header ul li#sitemap a:hover	{
	background:url(/img/sitemap_mo.gif) 0 0 no-repeat;
}
#header_s ul li#sitemap {
	left:851px;
	z-index:1;
}
#header_s ul li#sitemap a {
	background:url(../img/sitemap.gif) 0 0 no-repeat;
	position:absolute;
	top:0;
	text-indent:-9999px;
	left:851px;
	width:85px;
	height:22px;
}
#header_s ul li#sitemap a:hover	{
	background:url(../img/sitemap_mo.gif) 0 0 no-repeat;
}
/* 
	3-2. グローバルナビ
--------------------------------------------------------- */
/* noscript */
#js-off {
	margin:0 auto 1px;
	padding:10px 0;
	width:620px;
	background-color:#ff6600;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
#g-navi {
	position:relative;
	margin:10px auto 1px;
	width:780px;
	height:22px;
}
#g-navi ul {}
#g-navi ul li {
	position:absolute;
	top:-2px;
}
#g-navi ul li a {
	display:block;
	height:22px;
	outline:none;
	text-indent:-9999px;
}
/* ホーム */
#g-navi ul li#g-home {left:0;}
#g-navi ul li#g-home a {
	width:79px;
	background:url(/img/gnavi_home.gif) 0 0 no-repeat;
}
#g-navi ul li#g-home a:hover {
	background:url(/img/gnavi_home_mo.gif) 0 0 no-repeat;
}

/* 制作実績 */
#g-navi ul li#g-works {left:80px;}
#g-navi ul li#g-works a {
	width:79px;
	background:url(/img/gnavi_works.gif) 0 0 no-repeat;
}
#g-navi ul li#g-works a:hover {
	background:url(/img/gnavi_works_mo.gif) 0 0 no-repeat;
}

/* 私達について */
#g-navi ul li#g-aboutus {left:160px;}
#g-navi ul li#g-aboutus a {
	width:79px;
	background:url(/img/gnavi_aboutus.gif) 0 0 no-repeat;
}
#g-navi ul li#g-aboutus a:hover {
	background:url(/img/gnavi_aboutus_mo.gif) 0 0 no-repeat;
}

/* お客さまの声 */
#g-navi ul li#g-client {left:240px;}
#g-navi ul li#g-client a {
	width:79px;
	background:url(/img/gnavi_client.gif) 0 0 no-repeat;
}
#g-navi ul li#g-client a:hover {
	background:url(/img/gnavi_client_mo.gif) 0 0 no-repeat;
}

/* お問合せ */
#g-navi ul li#g-contact {left:320px;}
#g-navi ul li#g-contact a {
	width:79px;
	background:url(/img/gnavi_contact.gif) 0 0 no-repeat;
}
#g-navi ul li#g-contact a:hover {
	background:url(/img/gnavi_contact_mo.gif) 0 0 no-repeat;
}

/* 
	3-3. 共通レイアウト
--------------------------------------------------------- */
#two-column-area {
	margin:0 0 0 20px;
	padding-bottom:40px;
	width:920px;
}
#main-contents {
	float:left;
	width:620px;
	display: inline;
	overflow: hidden;
}
#right-column {
	float:right;
	width:300px;
}

/*
	3-4. 共通デザイン
--------------------------------------------------------- */

/* パン屑▼ */
#breadcrumbs {
	margin:10px 0 10px 24px;
	width:900px;
}
#breadcrumbs a {
	margin-right:10px;
	padding-right:12px;
	background:url(/img/icon_pankuzu_arrow.gif) right center no-repeat;
}

#breadcrumbs_s {
	margin:10px 0 10px 24px;
	width:900px;
}

#breadcrumbs_s a {
	margin-right:10px;
	padding-right:12px;
	background:url(../img/icon_pankuzu_arrow.gif) right center no-repeat;
}

#breadcrumbs a:link , #breadcrumbs a:visited {
	text-decoration:underline;
	color:#0068b6;
}
#breadcrumbs a:hover , #breadcrumbs a:active {
	text-decoration:none;
	color:#ff6600;
}
	

/* 
	3-5. バナーエリア
--------------------------------------------------------- */
#banner-area {
	margin-top:20px;
	padding-bottom:40px;
	width:300px;
	background-color:#FFF5EE;
}

.midashi_top_rightcolumn {
	margin:0 0 10px 0;
	padding:2px 10px;
	border-left:5px solid #FF6600;
	background: #FFDEC9;
	color:#333;
	font-size:1.4em;
	font-weight:bold;
}


#voice {
	width:280px;
	padding:10px;
}

#voice_body	{
	margin-top:5px;
	padding-bottom:10px;
	width:280px;
	display:block;
	background-color:#FFF;
}

#voice_honbun	{
	margin:5px;
	padding:20px 5px 10px 5px;
}

#voice_honbun_img img	{
	margin:10px 10px 5px 5px;
	float:left;
}

#report {
	width:280px;
	padding:10px;
}

#report_body	{
	margin-top:5px;
	padding-bottom:10px;
	width:280px;
	display:block;
	background-color:#FFF;
}

#free_report img	{
	margin:10px 10px 5px 5px;
	float:left;
}

#report_honbun	{
	margin:5px;
	padding:10px 5px 5px 5px;
}

#report_honbun p	{
	margin-bottom:5px;
}

#social_media	{
	width:280px;
	margin:20px 10px 0 10px;
}

#social_media li	{
	margin-bottom:10px;
}

/* 
	3-6. フッター
--------------------------------------------------------- */
#footer {
	margin-top:20px;
	position:relative;
	bottom:0px;
	width:960px;
	height:82px;
	background:url(/img/footer_bg.gif) left bottom repeat-x;
}

#footer_s {
	margin-top:40px;
	position:relative;
	bottom:0px;
	width:960px;
	height:82px;
	background:url(../img/footer_bg.gif) left bottom repeat-x;
}

#drop {
	position:absolute;
	left:20px;
	width:22px;
	height:82px;
}
#footer_navi	{
	display:block;
	margin:20px 0 0 60px;
	padding-top:10px;
	width:500px;
}
#footer_navi li	{
	display:inline;
	margin-right:1.0em;
}
#footer_navi ul li a {
	padding:1px 0 1px 15px;
	background:url(/img/arrow-8-right.png) left center no-repeat;
}
#footer_navi a:link , #breadcrumbs a:visited {
	text-decoration:none;
	color:#0068b6;
}
#footer_navi a:hover , #breadcrumbs a:active {
	text-decoration:none;
	color:#ff6600;
}
#footer_navi ul#footer-menu1 {
	margin-bottom:6px;
	border-bottom:solid 1px #ddd;
	padding-bottom:6px;
}
/*footer_navi_s*/
#footer_navi_s	{
	display:block;
	margin:20px 0 0 60px;
	padding-top:10px;
	width:500px;
}
#footer_navi_s li	{
	display:inline;
	margin-right:1.0em;
}
#footer_navi_s ul li a {
	padding:1px 0 1px 15px;
	background:url(../img/arrow-8-right.png) left center no-repeat;
}
#footer_navi_s a:link , #breadcrumbs a:visited {
	text-decoration:none;
	color:#0068b6;
}
#footer_navi_s a:hover , #breadcrumbs a:active {
	text-decoration:none;
	color:#ff6600;
}
#footer_navi_s ul#footer-menu1 {
	margin-bottom:6px;
	border-bottom:solid 1px #ddd;
	padding-bottom:6px;
}

#page_top {
	position:absolute;
	bottom:81px;
	right:38px;
	width:99px;
	height:24px;
}
#footer_sns	{
	display:block;
	margin:20px 30px 0 0;
	width:300px;
	float:right;	
}
#footer_sns{
	text-align:right;
}
#footer_sns ul li {
	display:inline;
}
#footer_sns ul li a {
	display:inline;
	margin:0 10px 0 0;
	height:32px;
	outline:none;
}
#jc_plate {
	position:absolute;
	bottom:38px;
	right:34px;
	width:200px;
	height:24px;
}
#copyright {
	position:absolute;
	bottom:0;
	left:317px;
	width:306px;
	height:17px;
}