@charset "utf-8";




/*--------------------------------------------------
 トップページ
--------------------------------------------------*/
/*--メインビジュアル--*/
#visual {
	padding: 1.5em 0 1.3em;
	border-bottom: solid 3px #FFBDBD;
	text-align: center;
}
/*--ピックアップ--*/
/*テキスト*/
.top_contants {
	width: 98%;
	margin: 0 auto 2em;
	overflow: hidden;
}
.top_text_back {
	background: url(../img/top/text_back.gif) no-repeat right 50%;
	text-align: left;
}

/*ボタン*/
ul.top_btn {
	text-align: center;
}
ul.top_btn li {
	display: inline-block;
	/zoom: 1;
	margin: 0 0.3em;
}



/*--------------------------------------------------
 事業紹介
--------------------------------------------------*/
/*--インデックス--*/
.works_top_box {
	overflow: hidden;
	margin: 0 auto 1.5em;
	border: solid 2px #FFBDBD;
	padding-bottom: 1em;
}
.works_top_title {
	min-width: 110px;
	width: 18%;
	float: left;
	text-align: center;
}
.works_top_list {
	width: 78%;
	float: right;
	padding-top: 1em;
}


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;
}

.works_oosaka {
	margin-top: 3em;
}


/*--各店舗--*/
/*タイトル*/
.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;
}





/*--------------------------------------------------
 関連会社
--------------------------------------------------*/
/*----*/
.rel_box {
	width: 30%;
	float: left;
	margin-right: 10px;
}
ul.rel_left_list li {
	float: left;
	margin-right: 1em;
}




/*--------------------------------------------------
 個人情報の取り扱い
--------------------------------------------------*/
/*--個人情報保護宣言--*/
/*住所*/
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;
	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 0 1.5em;
    overflow: hidden;
}
dl.company_list dt {
    float: left;
    padding: 0.7em 0 0.5em 0.5em;
    text-align: right;
} 
dl.company_list dd {
    padding: 0.7em 0 0.5em 9em;
	border-bottom: dotted 1px #999999;
}

/*会社経歴*/
/*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: inside disc;
	margin: 0;
	padding: 0;
}

/*表分け*/
.list_clear_box {
	overflow: hidden;
}

/*写真*/
.con_photo {
	float: right;
	margin: 0 1em 1em 1em;
	width: 200px;
}
.con_photo img {
	width: 100%;
}





/*--------------------------------------------------
 採用情報
--------------------------------------------------*/
/*概要*/
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;
}


/*--一覧--*/

dl.new_list {
    padding: 0;
	margin: 0;
    overflow: hidden;
}
dl.new_list dt {
    float: left;
    padding: 1em 0 0.5em 0.5em;
    text-align: left;
} 
dl.new_list dd {
    padding: 1em 0 0.5em 7em;
}




/*--エントリーフォーム--*/
dl.mailbox {
    padding: 0 1em 1em;  
    overflow: hidden;
}  
dl.mailbox dt {
    float: left;
	padding: 1em 0;
    text-align: right;
}  
dl.mailbox dd {  
    padding: 1em 0 1em 12em;
	border-bottom: solid 1px #CCCCCC;
	display: block;
}
dl.mailbox input {
	border: solid 1px #CCCCCC;
}
.jen_space {
	margin-left: 1.5em;
}
/*input.radio {display:inline-block; width:40%; height:2em; vertical-align:top;}
label.radiolabel {display:inline-block; width:90%; height:2em; line-height:2em; background:#EEF; border:1px solid #CCC; padding-left: 1em; margin: 0 auto;}
*/

.btn_form {
}
.btn_form a {
	border: solid 1px #CCCCCC;
	border-radius: 8px;
	display: block;
	color: #333333;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	padding: 1em;
	background: url(../img/common/topback_back.jpg) repeat-x bottom;
	margin: 0 auto;
	text-decoration: none;
}
.btn_form a:hover {
	background: #FFCCCC;
}






/*--------------------------------------------------
 
--------------------------------------------------*/

/*----*/



/* 幅648px以下から
--------------------------------------------------*/
@media screen and (max-width:648px){
/*--top--*/
/*topのtopics*/
.topics_box {
	width: 95%;
	padding: 0;
	margin: 0 auto;
}
.news_box {
	border: solid 1px #9BCAF9;
}
.campaign_box {
	border: solid 1px #9DD0AE;
}




/*topのバナー*/
.top_bn {
	overflow: hidden;
	margin: 0 0 1em 1em;
	width: 96%;
}
.top_bn_left {
	float: none;
	width: 90%;
	margin-bottom: 0.5em;
}
.top_bn_right {
	float: none;
	width: 90%;
}




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




}




/* iPadサイズ以下から
--------------------------------------------------*/
@media screen and (max-width: 954px){

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

/*topのtopics*/
.topics_box {
	width: 95%;
	padding: 0;
	margin: 0 auto 2em;
}
.news_box {
	border: solid 1px #9BCAF9;
}
.campaign_box {
	border: solid 1px #9DD0AE;
}
.top_contants img {
	width: 100%;
}
dl.topics_list {
    padding: 0;
	margin: 0;
    overflow: hidden;
	overflow-y: scroll;
	height: 10em;
	text-align: left;
}
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 8em;
}
dl.news dd {
	border-bottom: solid 1px #9BCAF9;
}
dl.campaign dd {
	border-bottom: solid 1px #9DD0AE;
}

.topics_title {
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	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: 6em;
	font-weight: bold;
	font-size: 110%;
}

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

.top_works ul {
	margin: 0 auto;
	text-align: center;
}

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

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





}




/* 幅648px以下から
--------------------------------------------------*/
@media screen and (max-width:648px){


/*--------------------------------------------------
 会社情報
--------------------------------------------------*/

/*--概要--*/
dl.company_list {
    padding: 0;
	margin: 0 0 1.5em;
    overflow: hidden;
}
dl.company_list dt {
    float: none;
    padding: 1em 0 0.5em;
    text-align: left;
	color: #FF8282;
} 
dl.company_list dd {
    padding: 0 0 0.5em 0;
	border-bottom: dotted 1px #999999;
}

/*写真*/
.con_photo {
	float: none;
	margin: 0 auto 1em;
	width: 50%;
}



/*--------------------------------------------------
 事業紹介
--------------------------------------------------*/
/*--インデックス--*/
.works_top_box {
	overflow: hidden;
	margin: 0 auto 1.5em;
	border: solid 2px #FFBDBD;
	padding-bottom: 1em;
}
.works_top_title {
	min-width: 110px;
	width: 18%;
	float: left;
	text-align: center;
}
.works_top_list {
	width: 78%;
	float: left;
	padding-top: 1em;
}



}




/*--------------------------------------------------
 各詳細ページ
--------------------------------------------------*/



/* PC用
--------------------------------------------------*/
@media screen and (min-width: 769px){

/*----*/

}




/* iPadサイズ以下から
--------------------------------------------------*/
@media screen and (max-width: 768px){

}



/* 幅648px以下から
--------------------------------------------------*/
@media screen and (max-width:648px){

}