@charset "utf-8";


/* レイアウト
--------------------------------------------------*/
html,body {
	margin: 0 auto;
	text-align: center;
	-webkit-text-size-adjust: none;
}

/* リンク
--------------------------------------------------*/
a:link {
	color: #0066CC;
	text-decoration: underline;
}


/*--ヘッダ--*/
#header {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
}
#logo {
	width: 380px;
	float: left;
	display: block;
	padding-top: 0;
}
#logo img {
	width: 100%;
}
#head_right {
	width: 500px;
	float: right;
	display: block;
	text-align: left;
	font-size: 90%;
}
#head_right p {
	margin: 0;
	padding: 0;
	line-height: 140%;
}

/*--グローバルナビゲーション--*/
#globalnavibox{
	width:100%;
	margin: 0;
	padding: 0;
	background: url(../img/temp/gnavi_back.jpg) repeat-x;
}
ul#globalnavi{
	width:960px;
	overflow:hidden;
	margin: 0 auto;
}
ul#globalnavi li{
	float:left;
	display:block;  
}

#sp_globalnavibox{
	display: none;
}



/*--コンテンツ--*/
#contents {
	width: 960px;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 0;
	overflow: hidden;
}
/*全面*/
#main {
	width: 98%;
	text-align: left;
	overflow: hidden;
	margin: 0 auto;

}

/*sideあり*/
#main_text {
	width: 75%;
	text-align: left;
	overflow: hidden;
	margin: 0;
	float: left;
	display: block;
}

/*sidemenu*/
#side {

	width: 20%;
	text-align: left;
	overflow: hidden;
	margin: 0 1.5em 0 0;
	float: right;
	display: block;
	border: solid 1px #285E9F;
	font-size:0.9em;
}

#side a:link {
	text-decoration:none;
}



/* 折り畳み部分を隠す */
/*ul.accordion_side ul {display:none;}*/
/* 背景 */
ul.accordion_side > li { background:#CCCCCC url(../img/top/topics_title_bg.jpg) top repeat-x; margin: 0; padding: 0; color:#333333; border: solid 1px #CCCCCC;}/*１段目の背景*/
ul.accordion_side > li > p { background: #285E9F; color:#FFFFFF; margin: 0; padding: 0.5em;}/*１段目の背景*/
ul.accordion_side > li > ul > li {background: #FFFFFF; border-bottom: solid 0px #999999; padding: 0.5em;}/*２段目の背景*/

#side .side_mt1 {
	text-align:center;
	font-size:1em;
	font-weight:bold;
	background: #C8F0FF;
	border-top:3px double #64A4FB;
	border-bottom:3px double #64A4FB;
}

.side_mt2 {
	color:#FF6E71;
	text-decoration:none;
}

	


/*--フッター--*/
#footer {
	width: 960px;
	margin: 1em auto;
	overflow: hidden;
	clear: both;
}

#copyright {
	text-align: right;
	font-size: 90%;
}
.sp_tel {
	display:none;
}




/*--top--*/
/*メインビジュアル*/
#visual {
	margin: 0 auto 1em;
	padding: 0;
	overflow: hidden;
	width: 100%;
	background: #71AB54;
	line-height: 0;
}
#visual img {
	width: 100%;
}

/*topのtopics*/
.topics_box {
	width: 96%;
	padding: 0;
	margin: 0 auto 2em;
}
.news_box {
	border: solid 1px #9BCAF9;
}
.campaign_box {
	border: solid 1px #9DD0AE;
}
dl.topics_list {
    padding: 0;
	margin: 0;
    overflow: hidden;
	overflow-y: scroll;
	height: 10em;
}
dl.topics_list dt {
    float: left;
    padding: 1em 0 0.8em 1.2em;
    text-align: right;
} 
dl.topics_list dd {
    padding: 1em 0 0.8em 9em;
}
dl.news dd {
	border-bottom: solid 1px #9BCAF9;
}
dl.campaign dd {
	border-bottom: solid 1px #9DD0AE;
}

.topics_title {
	margin: 0 auto;
	overflow: hidden;
	font-weight: bold;
}
.news_title {
	background: url(../img/top/pc_newmore_back.gif) bottom repeat-x;
}
.campaign_title {
	background: url(../img/top/pc_cpmore_back.gif) bottom repeat-x;
}
.topics_title h2 {
	font:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0.5em 0 0.5em 1em;
	font-size: 120%;
	color: #333333;
}
.pc_topics_btn {
	float: right;
	display: block;
	margin: 0.7em 1em 0;
}
.sp_topics_btn {
	display:none;
}



/*topのコンテンツボタン*/
.top_works_title {
	background: url(../img/top/con_line_back.gif) repeat-x left 50%;
}
.top_works_title h3 {
	font:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #00592C;
	background: #FFF url(../img/top/con_icon_back.gif) no-repeat left 50%;
	padding: 1em 1em 0.8em 2em;
	width: 6.5em;
	font-weight: bold;
	font-size: 110%;
}

.top_works{
	overflow: hidden;
	margin: 0 auto 1em;
	width: 96%;
}

.top_works ul {
}

.top_works ul li {
	float: left;
	margin: 0 0.3em;
	width: 215px;
}
.top_works ul li img {
	width: 100%;
}



/*topのバナー*/
.top_bn {
	overflow: hidden;
	margin: 0 auto 1em;
	width: 96%;
}
.top_bn_left {
	float: left;
	width: 440px;
}
.top_bn_left img {
	width: 100%;
}
.top_bn_right {
	float: right;
	width: 440px;
}
.top_bn_right img {
	width: 100%;
}


/*--------------------------------------------------
 会社情報
--------------------------------------------------*/
/*概要*/
dl.company_list {
    padding: 0;
	margin: 0;
    overflow: hidden;
}
dl.company_list dt {
    float: left;
    padding: 0.7em 0 0.5em 0;
    text-align: right;
} 
dl.company_list dd {
    padding: 0.7em 0 0.5em 9em;
}

/*会社経歴*/
dl.history_list {
    padding: 0;
	margin: 0;
    overflow: hidden;
}
dl.history_list dt {
    float: left;
    padding: 0.7em 0 0.5em 0;
    text-align: right;
} 
dl.history_list dd {
    padding: 0.7em 0 0.5em 9em;
}

/*メーカー*/
ul.maker_list {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
ul.maker_list li {
	float: left;
	width: 30%;
	list-style: none;
	margin: 0;
	padding: 0;
}
/*写真*/
.pc_photo {
	display: block;
}
.sp_photo {
	display: none;
}

/*--------------------------------------------------
 採用情報
--------------------------------------------------*/
/*概要*/
dl.recruit_list {
    padding: 0;
	margin: 0;
    overflow: hidden;
}
dl.recruit_list dt {
    float: left;
    padding: 0.7em 0 0.5em 0.5em;
    text-align: right;
} 
dl.recruit_list dd {
    padding: 0.7em 0.5em 0.5em 9em;
	border-bottom: solid 1px #CCCCCC;
}






/*--------------------------------------------------
 事業紹介
--------------------------------------------------*/
/*--インデックス--*/
ul.works_index {
	padding: 1em 0;
	line-height: 140%;
}
ul.works_index li {
	list-style: outside url(../img/common/link_icon.jpg);
}
ul.works_index li ul {
	padding: 1em 0;
}
ul.works_index li ul ul {
	padding: 0.5em 0;
}

/*--各店舗--*/
/*タイトル*/
.title_shop {
	background: url(../img/works/title_shop.gif) no-repeat 0.5em 50%;
	border-top: solid 3px #136F46;
	border-bottom: solid 1px #136F46;
	padding: 1em 0 0.8em 3.5em;
	margin: 1em auto 0.5em;
	font-size: 120%;
	color: #136F46;
	font-weight: bold;
}
/*写真*/
ul.shop_photo {
	overflow: hidden;
	margin: 0 auto;
	display: table;
	width: 99%;

	text-align: center;
	list-style: none;
}
ul.shop_photo li {
	display: table-cell;
}
ul.shop_photo li img {
	width: 98%;
	height:auto;
}



/*--------------------------------------------------
 個人情報の取り扱い
--------------------------------------------------*/
/*--個人情報保護宣言--*/
/*住所*/
dl.policy_address {
    padding: 0 1em 1em;  
    overflow: hidden;
}  
dl.policy_address dt {  
    float: left;
	padding: 1em 0;
    text-align: right;
	border-bottom: solid 1px #FFF;
}  
dl.policy_address dd {  
    padding: 1em 0 1em 5em;
	border-bottom: solid 1px #FFF;
}

/*--個人情報保護法に基づく公表事項等に関するご案内--*/
/*住所*/
dl.policy_address02 {
    padding: 0 1em 1em;  
    overflow: hidden;
}  
dl.policy_address02 dt {  
    float: left;
	padding: 1em 0;
    text-align: right;
}  
dl.policy_address02 dd {  
    padding: 1em 0 1em 8em;
	border-bottom: solid 1px #FFF;
}




/*タイトル*/
.article h2 {
	margin: 0 auto 1em;
	padding: 1em 0 0.9em 1em;
	border: solid 1px #CCCCCC;
	border-left: solid 5px #00592C;
	background: url(../img/common/topback_back.jpg) repeat-x bottom;
	font-size: 130%;
	font-weight: bold;
}

/*ドロップシャドウ*/
.article h2 {
	box-shadow: none;
}