@charset "utf-8";
/* CSS Document */

/***************************************************
	全体
 ***************************************************/
body{
/*
	margin:0 auto;
	width:1045px;
*/
	margin:0;
	min-width:1045px;
/*
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
*/
	line-height:1.5em;
	color:rgb(96,56,17);

	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}
ul{
	margin:0px;
	padding:0px;
}
.hr{
	width:100%;
	margin:10px 0px 10px 0px;
	padding:0;
	border-top:1px rgb(96,56,17) solid;
}
em{
	font:inherit;
	text-decoration:inherit;
	color:red;
}

.nobr{
	white-space:nowrap;
}
.br:after{
	white-space:pre;
	content:"\a";
}

a img{
	border-style:none;
}

/***************************************************
	見出し
 ***************************************************/

h1{
	border-top-style:solid;
	border-top-color:rgb(92,176,224);
	border-bottom-style:solid;
	border-bottom-color:rgb(92,176,224);

	padding-top:3px; padding-bottom:3px;

/*	font-size:18pt; /* */
/*	font-size:15pt; /* */
	font-size:20px; /* 単位を pt から px に変更 */
	font-weight:normal;
/*	color:#600; /* */

	margin-top: 0px;
	margin-bottom:3px;

	font-family: "HGP創英角ｺﾞｼｯｸUB", "Osaka", sans-serif;
}

h2{
/*	font-size:18pt; /* */
/*	font-size:15pt; /* */
	font-size:20px; /* 単位を pt から px に変更 */
	font-weight:normal;
/*	color:#600; /* */

	margin-top: 0px;
	margin-bottom:3px;

	font-family: "HGP創英角ｺﾞｼｯｸUB", "Osaka", sans-serif;
}

/***************************************************
	見出しのマーク
 ***************************************************/

.title_mark{
	float:left;
	margin-top:4px;
	height:17px; width:10px;
	margin-right:3px;
}

#bt_twitter .title_mark{
	background-color:rgb(225,89,40);
}
#bt_jigyo .title_mark , #main_pane3 .title_mark {
	background-color:rgb(239,170,65);
}
#bt_kaisha .title_mark , #main_pane4 .title_mark {
	background-color:rgb(16,100,52);
}
#bt_saiyo .title_mark{
	background-color:rgb(33,52,132);
}

#bt_news .title_mark,
#main_pane7 .title_mark{
	background-color:rgb(240,110,30);
}

#bt_news .title_mark.topics{
	background-color:green;
}

#bt_pickup .title_mark{
	background-color:green;
}
#bt_sikaku .title_mark{
	background-color:blue;
}
#bt_doisho .title_mark{
	background-color:green;
}

#main_pane5 .title_mark {
	background-color:rgb(96,56,17);
}

/***************************************************
	ボタン・リンク
 ***************************************************/

.button{
	background-position:top left;
}

.button:hover{
	cursor:pointer;
	background-position:top right;
}

/*
.button:active{
	position:relative;
	top:1px;
}
*/
.button>span{
	display:none;
}
.button>span:hover{
	text-decoration:underline;
}

/***************************************************
	ヘッダー
 ***************************************************/

#header{
	background-color:rgb(92,176,224);
	padding-top:20px;
/*	height:289px; /* */

}

#bt_top_swf{
/*	background-color:white; */
/*	height:213; width:1045; */
	vertical-align: top; /* 下の隙間を消すために指定 */
/*	overflow:hidden; */

	width:100%;
}

/***************************************************
	ヘッダー メニュー
 ***************************************************/

#menu{
/*
	background-image:url(../img/bgimg_001.jpg);
	background-repeat:no-repeat;
	background-position:right;
*/
/*	margin-left:20px; */
/*	padding-left:30px; */
/*	height:71px; width:1045px; */
	overflow:hidden; /* */

	margin:0 auto;
	width:1045px;
}

/*
	メニュー左
*/

#menu_left {
	float:left;
/*	width:450px; /* メインメニューのボタンが入る幅にする、またサブメニューの幅を加えて1045以内にする。 */
	margin-left:30px;
/*	height:71px;
/*	display:inline-block;*/
}

#menu_left>li{
	list-style-type:none;
	float:left;
	height:71px; width:71px;
	margin-right:20px;
	/* background-repeat:no-repeat; /* */
}

li#btn_home{
	background-image:url(../img/button_001.gif);
}
li#btn_jigyo{
	background-image:url(../img/button_002.gif);
}
li#btn_kaisha{
	background-image:url(../img/button_003.gif);
}
li#btn_saiyo{
	background-image:url(../img/button_004.gif);
}
li#btn_blog{
	background-image:url(../img/button_005.gif);
}

/*
	メニュー右
*/
#menu_right{
	float:right;
	margin:0px;
	margin-right:30px;

	background-color:rgb(92,176,224);

	display:none; /* 初期表示では非表示 */
}

#menu_right2{
	float:right;
}
#menu_right2>div{
	width:487px;
	height:71px;
}

/***************************************************
	メニュー右 サブメニュー
 ***************************************************/

#submenu_leftbtn { /* 左のボタン */
	background-image:url(../img/arrow_001.gif);
	/* background-repeat:no-repeat; /* */
	float:left;

	height:19px; width:13px;
	margin-top:25px;
	margin-right:3px;
}

#submenu_rightbtn { /* 右のボタン */
	background-image:url(../img/arrow_002.gif);
	/* background-repeat:no-repeat; /* */
	float:left;

	height:19px; width:13px;
	margin-top:25px;
	margin-left:3px;
}

#submenu_display{
	background-image:url(../img/bgimg_003.gif);
	/* background-repeat:no-repeat; /* */
	background-position:right;
	background-color:rgb(96,56,17);

	height:71px;
	width:411px;
	float:left;
}

.submenu_clip{
	/* サブメニューの表示を限定（両端のメニューを非表示） */
	position:absolute;
/*
	clip:rect(0px 549px 60px 140px);
	margin: 5px 0px 0px -140px;
*/
	clip:rect(0px 480px 60px 70px);
	margin: 5px 0px 0px -70px;


	overflow: hidden;

	height:120px; width:3034px;
}

.submenu_clip>li{
/*	background-image:url(../img/bgimg_002.gif); */
	background-image:url(../img/slide_999.gif);
	list-style-type:none;
	float:left;
/*	height:60px; width:129px; */
	height:60px; width:69px;
/*	margin-right:11px; */
	text-align:center;
}
/*
.submenu_clip>li>span{
	display:none;
}
*/

#submenu_leftline{

	display:none; /* ←サブメニューの両端の枠を表示しないように変更 */

	position:absolute;

	margin-left:15px;
	height:70px; width:8px;

	background-color:#381700;

/*
	filter: alpha( style=0, opacity=80 );
	-moz-opacity:0.8;
	opacity:0.8;
/* */
}

#submenu_rightline{
	display:none; /* ←サブメニューの両端の枠を表示しないように変更 */

	position:absolute;
	margin-left:420px;
	height:70px; width:8px;

	background-color:#381700;

	filter: alpha( style=0, opacity=80 );
	-moz-opacity:0.8;
	opacity:0.8;
}

/***************************************************
	事業内容サブメニュー
 ***************************************************/
#btn_gaitoevent{
	background-image:url(../img/slide_001.gif);
}
#btn_gaitosamp{
	background-image:url(../img/slide_002.gif);
}
#btn_tenjikai{
	background-image:url(../img/slide_003.gif);
}
#btn_kakushushow{
	background-image:url(../img/slide_004.gif);
}
#btn_shikiten{
	background-image:url(../img/slide_005.gif);
}
#btn_rootmedia{
	background-image:url(../img/slide_006.gif);
}
#btn_tentopromo{
	background-image:url(../img/slide_007.gif);
}
#btn_webpromo{
	background-image:url(../img/slide_008.gif);
}
#btn_campaign{
	background-image:url(../img/slide_009.gif);
}
#btn_novelty{
	background-image:url(../img/slide_010.gif);
}
#btn_lumie{
	background-image:url(../img/slide_011.gif);
}
#btn_rara{
	background-image:url(../img/slide_012.gif);
}

/***************************************************
	会社案内サブメニュー
 ***************************************************/
#btn_aisatsu{
	background-image:url(../img/slide_101.gif);
}
#btn_kaishagaiyo{
	background-image:url(../img/slide_102.gif);
}
#btn_soshikizu{
	background-image:url(../img/slide_103.gif);
}
#btn_enkaku{
	background-image:url(../img/slide_104.gif);
}
#btn_access{
	background-image:url(../img/slide_105.gif);
}
#btn_kanrenlink{
	background-image:url(../img/slide_106.gif);
}
#btn_profiles{
	background-image:url(../img/slide_108.gif);
}

/***************************************************
	メイン
 ***************************************************/

#main{
/*	clear:both; /* */
/*	height:600px; /* */
/*	padding-left:30px; padding-top:20px; */
/*	padding:20px 20px 0px 30px; /* */
	overflow:hidden; /* */

	margin:0 auto;
	width:1045px;

	padding-bottom:20px;

	/* 余白確認用に枠を表示 */
/*	border:solid thin #999; /* */
}

#main_pane1{
/*	margin:0px; */
	margin:20px 0px 0px 30px;
	float:left;
/*	height:500px;
/*	width:700px; */
}

#main_pane2{
/*	padding-left:20px; */
/*	height:inherit; /* */
/*	width:200px; /* */
	float:right; /* */
/*	display:inline-block; /* float:leftだけではレイアウトが変だったので追加 */

	margin:20px 20px 0px 0px;
}

#main_pane3, #main_pane4, #main_pane5, #main_pane6, #main_pane7{
/*	margin:0px; */
	margin:20px 20px 0px 30px;
	display:none; /* はじめは非表示 */
}

#import>div {
	display:block; /* インポート元ファイルでは始めから表示 */
}

/***************************************************
	twitterの表示
 ***************************************************/
#bt_twitter {
/*	height:600px; タイムラインの表示数を可変に変更 */
	width:670px;
	overflow:hidden;
}

#tweets_display {
	overflow:hidden;
	width:100%;
	height:504px;

	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}
#tweets_display.disabled {
	background-image:url(../img/twitter_disabled.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#tweets{
/*	width:98%; /* */
	margin-top:5px;
	margin-left:3px; /* */
	line-height:0.9em;

	color:black; /* ツイッターの文字の基調を黒に。 */
}

.tweet{
	height:72px;
/*	overflow:auto; /* */
	padding-right:10px;
	clear:left;	/* 上のツイートに引っかからないようにflort:left指定を解除 */
}
.tweet_icon{
	float:left;
	margin:11px;
}
.tweet_text{
	position:relative;
	top:5px;
	font-size:12px;
}

.tweet_info{
	font-size:small; text-align:right; color:#333;
}
.tweet_info a:link{
	font-size:small; text-align:right; color:#333;
	text-decoration:none;
}

.tweet_info a:visited{
	font-size:small; text-align:right; color:#333;
	text-decoration:none;
}

.tweet_info a:hover{
	font-size:small; text-align:right; color:#333;
	text-decoration:underline;
}

.tweet_info a:active{
	font-size:small; text-align:right; color:#333;
	text-decoration:none;
}

.odd_row{
	/* 奇数行のスタイル */
}

.even_row{
	/* 偶数行のスタイル */
	background-color:rgb(214,232,248);
}

/***************************************************
	事業内容ページ
 ***************************************************/

#bt_jigyo {
	display:none; /* 初期表示＝非表示 */
	width:700px;
}
#bt_jigyo img {
	margin:30px 30px 50px 30px;
}

#bt_jigyo>span {
	font-size:24px;
	font-weight:bold;
}

#bt_jigyo .hr {
	display:inline-block;
	position:relative;
	left:5px; top:7px;
	width:350px;
/*	width:280px; */
}
#bt_jigyo>p {
	margin-top:3px;
	margin-left:20px;
	width:100%;
}

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

#bt_kaisha {
	display:none; /* 初期表示＝非表示 */

	font-size:24px;

	width:700px;  /**/
}

/*
	bt_dictionaryの内容は画像に置き換えることに。
*/
#bt_dictionary * {
	display:none;
}
#bt_dictionary {
	background-image:url(../img/bgimg_012.gif);
	width:703px;
	height:283px;
	margin:30px 0px 30px 0px;
}

/*
#bt_dictionary {
	border-style:solid;
	border-color:rgb(92,176,224);
	color:rgb(92,176,224);

	margin:30px 0px 30px 0px;

	padding:50px 70px 50px 70px;
	text-align:center;

	line-height:1.5em;

	overflow:hidden;
}

#bt_dictionary:first-line {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#bt_dictionary .kana {
	font-weight:bolder;
	font-size:36px;
}
#bt_dictionary .spell {
	font-weight:bolder;
	font-size:24px;
}

#bt_dictionary .hr {
	margin:15px 0px 15px 0px;
	border-color:rgb(92,176,224);
}

#bt_dictionary ul{
	list-style:none;
}
#bt_dictionary ul>li{
	background-color:#D7D7FF;
	width:150px;
	height:55px;
}
#bt_dictionary ul>li:first-child{
	float:left;
	line-height:2em;
}
#bt_dictionary ul>li:first-child+li{
	float:right;
	line-height:1.1em;
}
#bt_dictionary ul>li:first-child+li+li{
	margin:0 auto;
	line-height:2em;
}
*/

#bt_dictionary+p{
	text-align:center;
	line-height:2.5em;

/*	font-size:16px; /* */
	font-size:20px;

	font-family: "HGP創英角ｺﾞｼｯｸUB", "Osaka", sans-serif;
}

/*
#bt_kaisha>.hr {
	display:inline-block;
	position:relative;
	left:5px; top:3px;
	width:80%;
}

#bt_kaisha a img {
/*	zoom:80%; /* */
/*	max-width:130px; /* 横だけつぶれる（比率が維持されない）ので仮指定 */
/*}
*/

/***************************************************
	採用情報ページ
 ***************************************************/
#bt_saiyo {
	display:none; /* 初期表示＝非表示 */
}

#bt_saiyo>div>div {
	display:none;
}
#bt_saiyo>div {
	background-image:url(../img/bgimg_014.gif);
	width:668px;
	height:506px;
	margin-top:10px;

	position:relative;
}

#bt_saiyo>div>a {
	position:absolute;

	top:420px;
	left:500px;
}

/***************************************************
	モバイルプロモーションGIF
 ***************************************************/
#bt_mobile_gif {
	background-image:url(../img/image_003.gif);
	width:284px;
	height:205px;
	/* background-repeat:no-repeat; /* */
	background-position:top left;

	margin-bottom:10px;
}

/***************************************************
	ニュース
 ***************************************************/
#bt_news{
/*	margin-right:20px; /* */
	width:285px; /* */
	margin:0px;
}
#bt_news>h2:first-child{
	float:left;
	margin-right:20px;
}
#bt_news>h2+h2{
	display:inline-block;
}
#bt_news>div {
/*	background-color:#B6D7FE; /* */
	background-image:url(../img/bgimg_011.gif);
	/* background-repeat:no-repeat; /* */
/*	padding:0px 20px 0px 20px; /* */
	height:299px;
	width:285px;
/*	margin:0px; */
/*	padding:5px 30px 0px 20px; */
	overflow:hidden; /* */
}
#bt_news dl {
	margin:0;
	padding:10px 0 10px 23px;
}
#bt_news dt{
	color:rgb(240,110,30);
	margin-bottom:5px;
}
#bt_news dt.topics{
	color:green;
}
#bt_news dt img{
	position:relative;
	top:5px;
}
#bt_news dd{
	margin-left:0px;
	width:230px;
	font-size:12px;
	line-height:1.2em;
	margin-bottom:10px;
}

#bt_news .button>span {
	display:inline;
}

/***************************************************
	ピックアップ
 ***************************************************/
#bt_pickup{
	display:none; /* 最初は非表示 */
/*	width:200px; /* */
	width:146px; margin-right:54px;
}
#bt_pickup>dl{
	margin:0;
	margin-bottom:10px;
	list-style:none;
}
#bt_pickup>dl>dt{
	font-size:10px;
	line-height:1.1em;
}
#bt_pickup>dl>dd{
	margin:0;
	margin-bottom:10px;
}
#bt_pickup>dl>dd.mobile_promotion {
	background-image: url(../img/bgimg_017.gif);
	background-position:top left;
	width:146px; height:105px;
}
#bt_pickup>dl>dd.rara {
	background-image:url(../img/banner_011.gif);
	background-position:top left;
	width:145px; height:43px;
}
#bt_pickup>dl>dd.lumie {
	background-image:url(../img/banner_012.gif);
	background-position:top left;
	width:145px; height:43px;
}

/***************************************************
	取得資格（プライバシーマーク）
 ***************************************************/
#bt_sikaku{
	display:none; /* 最初は非表示 */
	width:200px;
	margin-bottom:10px;
}

/*
	privacy_markの内容は画像に置き換えることに。
*/
#privacy_mark * {
	display:none;
}
#privacy_mark {
	background-image:url(../img/bgimg_013.gif);
	width:144px;
	height:165px;
}

/*
#privacy_mark{
	font-size:small;
	color:black;
}
#privacy_mark img{
	margin-left:20px;
}
*/

/***************************************************
	同意書
 ***************************************************/
#bt_doisho{
	display:none; /* 最初は非表示 */
	width:200px; /**/
	margin-right:20px;
/*
	margin:0 auto;
*/
}

#bt_doisho img {
	display:block;
/*	margin:0px;
/*	margin-bottom:20px; /**/
}

#bt_doisho a{
	margin:0 auto;
	display:block;
	width:120px;
	height:46px;
	background-image:url(../img/bgimg_009.gif);
	/* background-repeat:no-repeat; /* */
}

/***************************************************
	社長挨拶
 ***************************************************/
div.aisatsu>div * {
	display:none;
}
div.aisatsu>div {
	background-image:url(../img/bgimg_016.jpg);
	width:961px;
	height:502px;

	margin:15px 0 15px 0;
}

/***************************************************
	会社概要
 ***************************************************/
.kaishagaiyo dl {
	float:left;
	width:320px;
	line-height:1.1em;
}
.kaishagaiyo dl>dt {
	clear:left; /* */
	float:left; /* */

	width:70px;
	margin:0px 3px 0px 0px;
	padding:0px 3px 0px 3px;

	background-color:skyblue;
	color:darkblue;
/*	font-weight:bold; */

	margin-right:3px;

	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;

	text-align:center;
/*
	text-align:justify;
	text-justify: distribute-all-lines; /* */
}

.kaishagaiyo dl>dd {
	width:240px; /* */
	margin:0px;
	padding:0px;

	font-size:14px;

	display:inline-block; /* */
}

.kaishagaiyo .button>span {
	display:inline;
}

/*=====================================
	枠１の調整
 =====================================*/
.kaishagaiyo dl.pane1{
/*	width:300px;  /* */
}
.kaishagaiyo dl.pane1>dt,
.kaishagaiyo dl.pane1>dd{
	margin-bottom:15px;
}
.kaishagaiyo dl.pane1>dd{
/*	width:220px;  /* */
}

/*=====================================
	枠２の調整
 =====================================*/
.kaishagaiyo dl.pane2>dt,
.kaishagaiyo dl.pane2>dd{
	margin-bottom:15px;
}
/*=====================================
	枠３の調整
 =====================================*/
.kaishagaiyo dl.pane3 {
	width:330px;	/* ＭＳ Ｐゴシックに変更したことで横幅が不足したため+10px */
}
.kaishagaiyo dl.pane3>dd {
	width:250px;	/* ＭＳ Ｐゴシックに変更したことで横幅が不足したため+10px */
}

/*=====================================
	会社概要の項目毎の微調整
 =====================================*/
/* 社名 */
.kaishagaiyo dt.N01 {
/*文字間隔は文字の右側に空間が追加されるためletter-spacingを使用した均等割り付けの演出は無理がある
	letter-spacing:0.5em; /* */
}
.kaishagaiyo dd.N01 {
}
/* 所在地 */
.kaishagaiyo dt.N02 {
	padding-top:40px;
	height:70px;
}
.kaishagaiyo dd.N02 {
	height:110px;
}
/* ＵＲＬ */
.kaishagaiyo dt.N03 {
}
.kaishagaiyo dd.N03 {
}
/* 創業 */
.kaishagaiyo dt.N04 {
	padding-top:20px;
	height:40px;
}
.kaishagaiyo dd.N04 {
	height:60px;
}
/* 設立 */
.kaishagaiyo dt.N05 {
}
.kaishagaiyo dd.N05 {
}
/* 資本金 */
.kaishagaiyo dt.N06 {
}
.kaishagaiyo dd.N06 {
}
/* 決算期 */
.kaishagaiyo dt.N07 {
}
.kaishagaiyo dd.N07 {
}
/* 役員 */
.kaishagaiyo dt.N08 {
	padding-top:30px;
	height:50px;
}
.kaishagaiyo dd.N08 {
	height:80px;
}
/* 従業員 */
.kaishagaiyo dt.N09 {
	padding-top:15px;
	height:35px;
}
.kaishagaiyo dd.N09 {
	height:50px;
}
/* 取引銀行 */
.kaishagaiyo dt.N10 {
	padding-top:20px;
	height:40px;
}
.kaishagaiyo dd.N10 {
	height:60px;
}
/* 業務内容 */
.kaishagaiyo dt.N11 {
	padding-top:80px;
	height:100px;
}
.kaishagaiyo dd.N11 {
	height:180px;
}
/* 関連会社 */
.kaishagaiyo dt.N12 {
	padding-top:50px;
	height:70px;
}
.kaishagaiyo dd.N12 {
	height:120px;
}
/* 主な取引先 */
.kaishagaiyo dt.N13 {
	padding-top:200px;
	height:250px;
	letter-spacing:0em;
	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	letter-spacing:0em;
}
.kaishagaiyo dd.N13 {
	height:450px;
}
/* 主な取引先２ */
/*
.kaishagaiyo dt.N14 {
	padding-top:170px;
	height:210px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	letter-spacing:0em;
}
*/
.kaishagaiyo dd.N14 {
	height:380px;
}

/***************************************************
	組織図
 ***************************************************/
div.soshikizu>div {
	margin:30px 0 50px 0;
}

/***************************************************
	沿革
 ***************************************************/
div.enkaku dl {
	width:900px;
	font-size:14px;

	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
div.enkaku dl>dt {
	margin:0 0 0 10px;
	float:left;
	width:105px;
}
div.enkaku dl>dd {
	margin:0px;
	width:750px;
	display:inline-block;
}

/***************************************************
	アクセス
 ***************************************************/
div.access>h1+div{
	margin-top:10px;
}

#google_map {
	width:587px;
	height:533px;
	background-image:url(../img/bgimg_010.gif);
	margin-right:10px;
	float:left;
}

#google_map_canvas {
	margin:30px 0 0 30px;
	width:527px;
	height:473px;
}
#google_map+div {
	display:inline-block;
	padding-top:20px;

	font-weight:bold;
}

#google_map+div>div {
	color:white;
	background-color:rgb(96,56,17);

	padding:5px 0px 5px 5px;
}

div.access dd {
	margin:0px;
	margin-bottom:10px;
}

/***************************************************
	関連会社
 ***************************************************/
div.kanrenlink{
	margin-bottom:50px;
}
div.kanrenlink>div{
	width:813px;	/* 953から左内余白を引いた値 */
	height:81px;	/* 101から下内余白を引いた値 */

	margin-top:30px;

	padding:20px 0 0 140px;
}
#kanren{
	background-image:url(../img/bgimg_019.gif);
}
#kanren>a{
	margin-right:5px;
}
#sonota{
	background-image:url(../img/bgimg_020.gif);
	height:76px;	/* 101から下内余白を引いた値 */
	padding-top:25px;
}
#sonota>a{
	margin-right:30px;
}
/***************************************************
	NEWS
 ***************************************************/
/* NEWS 2010.09.01 */
div.news_20100901{
	width:967px;
}
div.news_20100901>div{
	width:967px;
	height:886px;
	background-image:url(../news/20100901/btbbq.jpg);
}
div.news_20100901>div *{
	display:none;
}
/* NEWS 2010.08.11 */
div.news_20100811{
	width:937px;
	padding-bottom:20px;
}
div.news_20100811>h1+div{
	background-image:url(../news/20100811/title.jpg);
	width:937px; height:107px;
	margin:15px 0 15px 0;
}
div.news_20100811>h1+div>span{
	display:none;
}
div.news_20100811>p{
	color:black;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
/*	margin:0; /* */
	margin-bottom:0;
}
div.news_20100811>p+p{
	float:left;
}
div.news_20100811>a{
	float:right;
	margin-bottom:20px;
/*	position:relative;
/*	top:-18px; left:-20px; /* */
}

/***************************************************
	モバイルプロモーション
 ***************************************************/
div.mobile_promotion{
}
/*====================================
	枠１スタイル
 ====================================*/
/*
	枠１の内容は画像に置き換えることに。
*/
div.mobile_promotion div.pane1 * {
	display:none;
}
div.mobile_promotion div.pane1 {
	background-image:url(../img/bgimg_015.gif);
	width:937px;
	height:103px;
	margin-bottom:15px;
}
/*
div.mobile_promotion div.pane1 {
	overflow:hidden;
	background-color:#FF6;
	margin-bottom:15px;
}
div.mobile_promotion dl {
	float:left;
	margin:15px 0px 15px 50px;
}
div.mobile_promotion dl.onestop {
	width:310px;
}
div.mobile_promotion dl.flash {
	width:210px;
}
div.mobile_promotion dl.felica {
	width:240px;
}
div.mobile_promotion dl>dt {
	margin:0px;
	text-align:center;
	color:white;
	font-weight:bold;
}
div.mobile_promotion dl.onestop>dt {
	background-color:darkorange;
}
div.mobile_promotion dl.flash>dt {
	background-color:darkblue;
}
div.mobile_promotion dl.felica>dt {
	background-color:green;
}
div.mobile_promotion dd {
	margin:0px;
}
*/

/*====================================
	枠２スタイル
 ====================================*/
div.mobile_promotion div.pane2 {
	float:left;
}
div.mobile_promotion div.pane2>div:first-child {
	padding:10px 0px 20px 0px;
}

div.mobile_promotion div.pane2 .hr {
	display:inline-block;
	position:relative;
	left:5px; top:5px;
	width:250px;
}

div.mobile_promotion div.pane2 ul {
	list-style:none;
	margin-bottom:30px;
}
div.mobile_promotion div.pane2 ul>li {
	font-size:12px;
	line-height:1.5em;
	margin-left:15px;
}
div.mobile_promotion div.pane2 ul>li:before{
	content:"● ";
	position:absolute;
	margin-left:-15px;
}

/*====================================
	枠３スタイル
 ====================================*/
div.mobile_promotion div.pane3 {
	display:inline-block;
	float:right;
/*	width:610px; /* */
}
div.mobile_promotion div.pane3 table {
	border-collapse:collapse;
}
div.mobile_promotion div.pane3 caption {
	text-align:left;
}
div.mobile_promotion div.pane3 caption>span {
	margin-left:160px;
	font-size:12px;
}

div.mobile_promotion div.pane3 tbody {
	display:block; /* 角を丸めるためにblockを指定 */
	background-color:rgb(96,56,17);

	border-style:solid;
	border-width:medium;
	border-color:rgb(96,56,17);

	/* 角を丸める (IEは不可) */
	border-radius:10px;	/* CSS3草案 */
	-webkit-border-radius:10px;	/* Safari,Google Chrome用 */
	-moz-border-radius:10px;	/* Firefox用 */
}
div.mobile_promotion div.pane3 th {
	width:75px;
	font-size:14px;
	font-weight:bold;
	color:white;
	padding:0px 10px 0px 10px;
	line-height:1.1em;

	font-weight:normal;

	font-family:"HG創英角ｺﾞｼｯｸUB", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

div.mobile_promotion div.pane3 td {
	background-color:white;
	font-size:12px;
	line-height:1.2em;

	padding:5px 10px 5px 10px;

	border-style:solid;
	border-width:thin;
	border-color:rgb(96,56,17);
}
div.mobile_promotion div.pane3 td>span {
	font-size:10px;
}

div.mobile_promotion div.pane3 th.first {
	border-bottom:solid thin white;
}
div.mobile_promotion div.pane3 th.last {
	border-top:solid thin white;
}
div.mobile_promotion div.pane3 td.first {
	/* 角を丸める (IEは不可) */
	border-radius: 0px 8px 0px 0px;	/* CSS3草案 */
	-webkit-border-radius: 0px 8px 0px 0px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0px 8px 0px 0px;	/* Firefox用 */
}
div.mobile_promotion div.pane3 td.last {
	/* 角を丸める (IEは不可) */
	border-radius: 0px 0px 8px 0px;	/* CSS3草案 */
	-webkit-border-radius: 0px 0px 8px 0px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0px 0px 8px 0px;	/* Firefox用 */
}


/*====================================
	枠３の料金表より後
 ====================================*/

div.mobile_promotion div.pane3 table+p {
	margin:5px 0 7px 0;
	font-size:12px;
	line-height:1.2em;
}

/***************************************************
	LUMIE CUBE
 ***************************************************/
#lumie {
	overflow:hidden;
}
#lumie h1+div {
	overflow:hidden;
}
#lumie_image {
	float:left;
	margin-top:20px;
	margin-right:20px;
}
#lumie_info{
	display:inline-block;
/*	width:650px; /**/
	width:640px; /**/
}
#lumie_info>dt{
	clear:left;
	float:left;
	width:138px;
	background-position:top left;
	background-repeat:no-repeat;

	margin-right:3px;
}
#lumie_info>dt>span{
	display:none;
}
#lumie_info>*{
	margin-left:0px;
	margin-bottom:5px;
}
#lumie_info dt.ecology{
	background-image:url(../img/lumie_dt001.jpg)
}
#lumie_info .ecology{
	height:58px;
}
#lumie_info dt.design{
	background-image:url(../img/lumie_dt002.jpg)
}
#lumie_info .design{
	height:76px;
}
#lumie_info dt.everlasting{
	background-image:url(../img/lumie_dt003.jpg)
}
#lumie_info .everlasting{
	height:58px;
}
#lumie_info>dd{
	display:inline-block;
/*	width:480px; /* */

/*	font-size:14px;
	line-height:1.2em; /* */
}
#lumie_info ul{
	list-style:none;

	width:480px;

	font-size:14px;
	line-height:1.2em; /* */
}
#lumie_info li{
	margin-left:15px;
}
#lumie_info li:before{
	content:"●";
	position:absolute;
	margin-left:-15px;
}

/*========================================
	LUMIEページ下段
 ========================================*/
#lumie_info_image {
	float:left;
	margin-right:30px;
	padding-bottom:20px;
}
#lumie_info_image+div {
	display:inline-block;

	width:530px;
}
/* ラインナップ */
#lumie_lineup{
	float:left;
}
#lumie_lineup>span{
	display:block;
	font-size:12px;
}
/* 価格・仕様 */
#lumie_price{
	display:inline-block;
	font-size:12px;
	width:180px;
	line-height:1.2em;
}
#lumie_price>table{
	background-color:rgb(220,186,186);
	padding:0px 10px 0px 10px;
}
#lumie_price>table tr>*{
	padding:5px 0px 5px 0px;
	white-space:nowrap;
}
#lumie_price>table th{
	vertical-align:top;
}
#lumie_price>span{
	display:block;
	width:150px;
	margin-top:3px;
}
/* 展開事例 */
#lumie_usecase ul {
	float:left;
	width:270px;
	list-style:none;
	font-size:14px;
	line-height:1.2em;
}
#lumie_usecase ul>li {
	margin-left:18px;
}
#lumie_usecase ul>li:before {
	content:"●";
	position:absolute;
	margin-left:-15px;
}
#lumie_usecase .hr {
	display:inline-block; /* */
	position:relative;
	left:5px; top:7px;
	width:430px;
}

#lumie_usecase a {
	float:right;
	margin:5px 50px 0 0;
}

/***************************************************
	RARA NATURE
 ***************************************************/
#rara{
	overflow:hidden;
}
#rara_logo{
	float:left;
	margin-right:20px;
}
#rara_logo+p{
	padding-right:32px;
	font-size:14px;
}
/* 展開事例 */
#rara_usecase{
	clear:left;
	float:left;
	margin-right:20px;
}
#rara_usecase .hr {
	display:inline-block;
	position:relative;
	left:5px; top:7px;
	width:180px;
}

#rara_usecase ul{
	list-style:none;
}
#rara_usecase ul>li{
	font-size:14px;
	margin-left:18px;
}
#rara_usecase ul>li:before{
	content:"●";
	margin-left:-15px;
}

/* 価格・仕様 */
#rara_price{
	float:left;
	margin-right:150px;
}
#rara_price .hr {
	display:inline-block;
	position:relative;
	left:5px; top:7px;
	width:130px;
}
#rara_price>p{
	margin:0px;

	font-size:14px;
}

/* リンク */
#rara_link {
	padding-top:20px;
}
#rara_link div.pane1 {
	float:left;
	margin-right:10px;
}

/***************************************************
	事業内容のサブメニュー共通(#main_pane3)
 ***************************************************/
#main_pane3>div>h1{
	background-color:white; /* 背景を表示しないように塗りつぶし */
	margin-bottom:30px;
}

#main_pane3>div{
	width:944px;

/*	height:543px; */
	height:573px;

	background-image:url(../img/bgimg_004.gif);
	/* background-repeat:no-repeat; /* */
	background-position:bottom;
	font-size:16px;
	/* 子要素でabsolute指定するためにここでrelativeを指定 */
	position:relative;
}
/* #main_pane3 h1+p{ */
#main_pane3>div>p{
	margin-left:30px;
/*	width:400px; /* 自動改行しない */
	font-family: "HGP創英角ｺﾞｼｯｸUB", "Osaka", sans-serif;
}

#main_pane3>div ul{
	list-style:none;
	position:absolute;
/*	top:243px; */
	top:273px;
}

#main_pane3>div ul>li{
	width:107px; /* 132pxから右枠線の幅を引いた値 */
	height:242px; /* 300から右枠線の幅を引いた値 */
	background-image:url(../img/bgimg_005.gif);
/*	background-repeat:no-repeat; /* */

	float:left;

	text-align:center;
	line-height:1.2em;

	margin-right:22px;
	padding-top:58px;

	/* 左右余白設定（右は透明の枠線で確保） */
	padding-left:13px;
	border-right:transparent 13px solid;
}
#main_pane3>div ul>li.L2>span{
	position:relative;
	top:-10px
}
#main_pane3>div ul>li.L3>span{
	position:relative;
	top:-20px
}

#main_pane3 div.image_area{
	width:280px;
	height:300px;
	background-image:url(../img/bgimg_021.gif);

	position:absolute;
	top:270px;
	left:100px;
}

#main_pane3 div.image_area>div{
	background-image:url(../img/jigyo_img_001.gif);
	width:280px;
	height:190px;
}

#main_pane3 div.mailto {
	width:129px;
	height:107px;
	background-image:url(../img/bgimg_006.gif);

	position:absolute;
/*	top:436px; /* */
/*	top:400px; */
	top:430px;
	left:500px;
}

#main_pane3 .mailto a{
	display:block;
	width:100%;
	height:53px;
}
#main_pane3 .mailto a>span{
	display:none;
}

/*========================================
	main_pane3のフッタ的な部分
 ========================================*/

#main_pane3>ul {
	list-style:none;
	margin-top:10px;
/*
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

/*	overflow:hidden; */
/*	margin-bottom:10px; */

	/*
		兄弟要素にrelativeがあるからかpositionを指定していないとリンクがクリックできない。
	*/
/*	position:relative; */
/*
	font-size:14px;
*/
}
#main_pane3>ul>li {
	float:left;
	width:79px;
	height:16px;
}

#main_pane3>ul>li.gaitoevent {
	background-image:url(../img/jigyo_under_btn001.gif);
}
#main_pane3>ul>li.gaitosamp {
	background-image:url(../img/jigyo_under_btn002.gif);
}
#main_pane3>ul>li.tenjikai {
	background-image:url(../img/jigyo_under_btn003.gif);
}
#main_pane3>ul>li.kakushushow {
	background-image:url(../img/jigyo_under_btn004.gif);
}
#main_pane3>ul>li.shikiten {
	background-image:url(../img/jigyo_under_btn005.gif);
}
#main_pane3>ul>li.rootmedia {
	background-image:url(../img/jigyo_under_btn006.gif);
}
#main_pane3>ul>li.tentopromo {
	background-image:url(../img/jigyo_under_btn007.gif);
}
#main_pane3>ul>li.webpromo {
	background-image:url(../img/jigyo_under_btn008.gif);
}
#main_pane3>ul>li.campaign {
	background-image:url(../img/jigyo_under_btn009.gif);
}
#main_pane3>ul>li.novelty {
	background-image:url(../img/jigyo_under_btn010.gif);
}
#main_pane3>ul>li.lumie {
	background-image:url(../img/jigyo_under_btn011.gif);
}
#main_pane3>ul>li.rara {
	background-image:url(../img/jigyo_under_btn012.gif);
}

/***************************************************
	ページ毎の写真
 ***************************************************/
#main_pane3 .gaitoevent div.image_area>div{
	background-image:url(../img/jigyo_img_001.jpg);
}
#main_pane3 .gaitosamp div.image_area>div{
	background-image:url(../img/jigyo_img_002.jpg);
}
#main_pane3 .tenjikai div.image_area>div{
	background-image:url(../img/jigyo_img_003.jpg);
}
#main_pane3 .kakushushow div.image_area>div{
	background-image:url(../img/jigyo_img_004.jpg);
}
#main_pane3 .shikiten div.image_area>div{
	background-image:url(../img/jigyo_img_005.jpg);
}
#main_pane3 .rootmedia div.image_area>div{
	background-image:url(../img/jigyo_img_006.jpg);
}
#main_pane3 .tentopromo div.image_area>div{
	background-image:url(../img/jigyo_img_007.jpg);
}
#main_pane3 .webpromo div.image_area>div{
	background-image:url(../img/jigyo_img_008.jpg);
}
#main_pane3 .campaign div.image_area>div{
	background-image:url(../img/jigyo_img_009.jpg);
}
#main_pane3 .novelty div.image_area>div{
	background-image:url(../img/jigyo_img_010.jpg);
}

/***************************************************
	Webプロモーション
 ***************************************************/
#main_pane3 .webpromo ul>li{
	margin-right:0px;
}

#main_pane3 .webpromo .mobile_promo {
	position:absolute;
/*	top:243px; */
	top:273px;
	left:430px;
	background-image:url(../img/bgimg_007.gif);
	width:200px;
	height:300px;
}
#main_pane3 .webpromo .mobile_promo>div {
	background-image:url(../img/bgimg_008.gif);
	width:200px;
	height:145px;
}

#main_pane3 .webpromo .mailto{
	left:627px;
}

/***************************************************
	事業内容のフッタ
 ***************************************************/
#main_pane6>div {
	clear:right;
}
#main_pane6>div>ul {
	list-style:none;
}
#main_pane6>div>ul>li{
	float:left;
	width:79px;
	height:16px;
}
#main_pane6>div>ul>li.gaitoevent {
	background-image:url(../img/jigyo_under_btn001.gif);
}
#main_pane6>div>ul>li.gaitosamp {
	background-image:url(../img/jigyo_under_btn002.gif);
}
#main_pane6>div>ul>li.tenjikai {
	background-image:url(../img/jigyo_under_btn003.gif);
}
#main_pane6>div>ul>li.kakushushow {
	background-image:url(../img/jigyo_under_btn004.gif);
}
#main_pane6>div>ul>li.shikiten {
	background-image:url(../img/jigyo_under_btn005.gif);
}
#main_pane6>div>ul>li.rootmedia {
	background-image:url(../img/jigyo_under_btn006.gif);
}
#main_pane6>div>ul>li.tentopromo {
	background-image:url(../img/jigyo_under_btn007.gif);
}
#main_pane6>div>ul>li.webpromo {
	background-image:url(../img/jigyo_under_btn008.gif);
}
#main_pane6>div>ul>li.campaign {
	background-image:url(../img/jigyo_under_btn009.gif);
}
#main_pane6>div>ul>li.novelty {
	background-image:url(../img/jigyo_under_btn010.gif);
}
#main_pane6>div>ul>li.lumie {
	background-image:url(../img/jigyo_under_btn011.gif);
}
#main_pane6>div>ul>li.rara {
	background-image:url(../img/jigyo_under_btn012.gif);
}

/***************************************************
	フッター
 ***************************************************/

#footer{
/*	margin:0px;
/*	padding:15px 20px 15px 20px; */
/*	border-top-style:solid;
	border-top-color:rgb(92,176,224); */
	border-top:solid thick rgb(92,176,224);
	overflow:hidden;
}
#footer>div{
	margin:0 auto;
	width:1045px;
}

.copyright{
	float:left;

	padding:15px 0 0 20px;

/* デフォルトをＭＳ Ｐゴシックの24pxにして不要に。
	font-size:12px;
	color:#6C3600;
*/
}

#privacy_policy{
	float:right;

	padding:15px 20px 0 0;
/*
	display:list-item;
	list-style-image:url(../img/circle_000_12px.gif);
*/
}

#privacy_policy>img{
	margin-right:3px;
}

#privacy_policy_text{
	display:none; /* 個人情報保護方針の本文は非表示 */
/*	position:absolute; /* */
/*	top:auto; left:auto;
	height:300; width:900px; /* */
}

#footer>div>p{
	clear:both;
	font-size:10px;
	margin-left:20px;
}