@charset "UTF-8";


/* サブページ共通エレメント*/
/*==============================================*/

#sub-contents {
	margin: 0 auto;
	width: 680px;
	margin: 0px 0px 30px 0px;
	padding: 10px;
}



/* お問い合わせバナー*/

#bnr-contact {
	width: 700px;
	height: 100px;
	margin-bottom: 30px;
	clear: both;
}

/* 小見出し*/
.small-heading {
	width: 665px;
	height: 30px;
	margin: 10px 0px 20px 0px;
	padding-left: 10px;
	border-bottom: 1px solid #999;
	border-left: 5px solid #FF8C42;
	color: #333;
	line-height:150%;
	font-size: 140%;
	display: block;
}


/* フォント設定*/

.greenbold-text0{
	font-size: 100%;
	font-weight: bold;
	color: #539301;
}

.greenbold-text1{
	font-size: 105%;
	font-weight: bold;
	color: #539301;
}

.greenbold-text3{
	font-size: 120%;
	font-weight: bold;
	color: #539301;
}

.greenbold-text4{
	font-size: 150%;
	font-weight: bold;
	color: #539301;
}

.bluebold-text4{
	font-size: 150%;
	font-weight: bold;
	color: #0066ff;
}

.blownbold-text3{
	font-size: 130%;
	font-weight: bold;
	color: #630;
}

.orange-text0{
	font-size: 100%;
	font-weight: bold;
	color: #F60;
}

.orange-text1{
	font-size: 105%;
	font-weight: bold;
	color: #F60;
}

.orange-text2{
	font-size: 115%;
	font-weight: bold;
	color: #F60;
}

.orange-text3{
	font-size: 160%;
	font-weight: bold;
	color: #F60;
	line-height: 160%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.orange-text4{
	font-size: 130%;
	font-weight: bold;
	color: #F60;
}

.orange-text5{
	font-size: 150%;
	font-weight: bold;
	color: #F60;
}

.boldtext0{
	font-weight: bold;
}

.boldtext1{
	font-size: 105%;
	font-weight: bold;
}

.boldtext3{
	font-size: 120%;
	font-weight: bold;
}

.bodytext0{
	font-size: 95%;
	line-height: 160%;
}

.bodytext1{
	font-size: 105%;
	line-height: 160%;
}

.bodytext2{
	font-size: 110%;
	line-height: 160%;
}

.text-alignright{
	padding-right: 10px;
	text-align: right;
}

img.floatleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

img.floatleft2{
	float: left;
	margin-right: 30px;
	margin-bottom: 5px;
}

img.floatleft3{
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}

.img-center{
	margin: 0 auto;
	text-align: center;
}
.img-right{
	margin: 0 auto;
	text-align: right;
}


	
	
/* サブページ見出し*/
/*==============================================*/
/* 会社案内 */
#head-about{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-about.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* スタッフ紹介 */
#head-staff{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-staff.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 当社が選ばれる理由 */
#head-reason{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-reason.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 明治乳業宅配サービス */
#head-meiji{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-meiji.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 明治乳業宅配：サービス開始までの流れ */
#head-meiji-flow{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-meiji-flow.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 明治乳業宅配：お客様の声 */
#head-meiji-voice{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-meiji-voice.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 明治乳業宅配：申し込み */
#head-meiji-entry{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-meiji-entry.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 自動販売機オペレートサービス */
#head-dydo{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-dydo.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 自動販売機オペレートサービス：サービス開始までの流れ */
#head-dydo-flow{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-dydo-flow.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 自動販売機オペレートサービス：お客様の声 */
#head-dydo-voice{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-dydo-voice.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* クリクラ宅配サービス */
#head-crecla{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-crecla.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* クリクラ宅配：サービス開始までの流れ */
#head-crecla-flow{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-crecla-flow.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* クリクラ宅配：お客様の声 */
#head-crecla-voice{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-crecla-voice.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* クリクラ宅配：申し込み */
#head-crecla-entry{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-crecla-entry.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* WEBカタログ */
#head-catalog{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-catalog.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* よくある質問 */
#head-question{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-question.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* お客様の声 */
#head-voice{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-voice.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* トピックス */
#head-topics{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-topics.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 事業所案内 */
#head-profile {
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-profile.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 経営の悩み相談 */
#head-consult{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-consult.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* スタッフ紹介 */
#head-staff{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-staff.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* 新着情報 */
#head-news{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-news.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* お問い合わせ */
#head-contact{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-contact.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}


#head-link {
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-link.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* プライバシーポリシー */
#head-privacy {
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-privacy.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* サイト利用について */
#head-use{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-use.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}

/* サイトマップ */
#head-sitemap{
	width: 720px;
	height: 75px;
	background-image: url(/app/webroot/theme/ando-shokai/img/contents/head-sitemap.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
}


/* テーブル設定 */
/*==============================================*/

table, th, td {
	margin: 0 auto;
	vertical-align: top;
	text-align: left;
	border-collapse:separate;
	border: none;
	border-spacing: 0;
	margin-bottom: 10px;
}

td {
	padding: 5px;
	border-bottom: 1px solid #CCC;
}

/* 会社概要 */
table.profile {
	border: 1px solid #CCC;
	width: 700px;
	margin-top: 10px;
}

/* スタッフ紹介 */
table.staff{
	border: 1px solid #CCC;
	width: 700px;
	margin-top: 10px;
}

/* お問い合わせフォーム */

#form { border: solid 1px #ccc; width: 640px;}
	#form th { }
	#form td { padding: 8px;}
	
	
/* サイトマップ */

#sitemap { 
	border:none; 
	width: 680px;
}
	
#sitemap th { }

/* よくある質問*/
/*=========================================*/
.accordion {
	border-bottom: 1px dotted #5a5250;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.accordion_head {
	cursor: pointer;
	background: url(/app/webroot/theme/ando-shokai/img/images/ico_Q.png) left top no-repeat;
	color: #0150BC;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 3px;
	line-height: 1.8;
}

.accordion_item {
	padding: 20px 20px 10px 50px;
	background: #eeeeee url(/app/webroot/theme/ando-shokai/img/images/ico_A.png)   20px 20px no-repeat;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	-khtml-border-radius: 10px;
	margin-bottom: 20px;
	margin-top: 5px;
}

#qa-contents{
	width: 680px;
	overflow:auto;
	margin-left: 40px;
	margin-bottom: 10px;
}

.qa-section12{
	width: 200px;
	height: 60px;
	float: left;
	margin: 0px 20px 0px 0px;
}

.qa-section3{
	width: 200px;
	height: 60px;
	float:right;
}
/*　当社が選ばれる理由（商品へのこだわり）　*/
#goods-contents{
	width: 710px;
	overflow: auto;
}

.goods-section{
	width: 710px;
	clear: both;
	margin-bottom: 10px;
}

.goods-img{
	width: 100px;
	height: 54px;
	margin: 0px 5px 15px 0px;
	float: left;
}

.goods-text{
	width: 605px;
	float: right;
}
/*　当社が選ばれる理由（クリクラへのこだわり）　*/
#crecla-point-contents{
	width:710px;
	overflow:auto;
	margin-bottom: 5px;
}

.crecla-point-section1{
	width: 347px;
	height: 75px;
	float: left;
	margin: 0px 5px 0px 0px;
}

.crecla-point-section3{
	width: 347px;
	height: 75px;
	float:right;
}

/*　当社が選ばれる理由（地域密着型の事業展開）　*/
#local-contents{
	width: 710px;
	overflow: auto;
}

.local-section{
	width: 710px;
	clear: both;
	margin-bottom: 10px;
}

.local-img{
	width: 248px;
	height: 225px;
	margin: 0px 5px 0px 0px;
	float: right;
}

.local-text{
	width: 450px;
	float: left;
}

/*　当社が選ばれる理由（Dydoへのこだわり）　*/
#dydo-contents{
	width: 710px;
	overflow: auto;
}

.dydo-section{
	width: 710px;
	clear: both;
	margin-bottom: 10px;
}

.dydo-img{
	width: 100px;
	height: 145px;
	margin: 0px 5px 15px 30px;
	float: left;
}

.dydo-text{
	width: 575px;
	float: right;
}

/*　当社が選ばれる理由（明治乳業へのこだわり）　*/
#meiji-contents{
	width: 710px;
	overflow: auto;
}

.meiji-section{
	width: 710px;
	clear: both;
	margin-bottom: 10px;
}

.meiji-img{
	width: 100px;
	height: 145px;
	margin: 0px 5px 15px 30px;
	float: left;
}

.meiji-text{
	width: 575px;
	float: right;
}

/*　当社が選ばれる理由（クリクラへのこだわり）　*/
#crecla-contents{
	width: 710px;
	overflow: auto;
}

.crecla-section{
	width: 710px;
	clear: both;
	margin-bottom: 10px;
}

.crecla-img{
	width: 100px;
	height: 145px;
	margin: 0px 5px 15px 30px;
	float: left;
}

.crecla-text{
	width: 575px;
	float: right;
}

/*　当社が選ばれる理由（受け継がれる伝統）　*/
#history-contents{
	width: 710px;
	overflow: auto;
}

.history-section{
	width: 710px;
	clear: both;
	margin-bottom: 10px;
}

.history-img{
	width: 250px;
	height: 180px;
	margin: 0px 5px 0px 0px;
	float: right;
}

.history-text{
	width: 450px;
	float: left;
}

/*　Webカタログ　*/
#catalog-contents{
	width: 710px;
	overflow:auto;
	margin-bottom: 10px;
}

.catalog-section{
	width: 165px;
	height: 234px;
	float: left;
	margin: 0px 10px 10px 0px;
        border: thin solid;
}

#flyer-contents{
	width: 710px;
	overflow:auto;
	margin-bottom: 10px;
}

.flyer-section{
	width: 230px;
	height: 350px;
	float: left;
	margin: 0px 10px 10px 0px;
        /*border: thin solid;*/
}

/* 明治乳業宅配サービス　サービス内容 */
/* 小見出し*/
#meiji-meritｰtitle-contents{
	width: 680px;
	overflow: auto;
}
.meiji-merit-title-section{
	width: 680px;
	clear: both;
	margin-bottom: 20px;
}
.meiji-merit-title-img{
	width: 20px;
	height: 20px;
	margin: 20px 5px 0px 15px;
	float: left;
}

.meiji-merit-title-text{
	width: 640px;
	float: right;
	color: #ff99cc;
	font-size: 140%;
        font-weight: bold;
        margin-top: 20px;
}

#meiji-meritｰitem-contents{
	width: 680px;
	overflow: auto;
}
.meiji-merit-item-section{
	width: 680px;
	clear: both;
	margin-bottom: 10px;
}
.meiji-merit-item-img{
	width: 200px;
	height: 80px;
	margin: 0px 5px 0px 0px;
	float: right;
}
.meiji-merit-item-text{
	width: 415px;
        margin-left: 60px;
	float: left;
}

#meiji-item-contents{
	width: 680px;
	overflow: auto;
}

.meiji-item-section{
	width: 680px;
	clear: both;
	margin-bottom: 10px;
}

.meiji-item-img{
	width: 150px;
	height: 100px;
	margin: 0px 5px 0px 0px;
	float: right;
}

.meiji-item-text{
	width: 495px;
        margin-left:30px;
	float: left;
}

#meiji-safety-contents{
	width: 680px;
	overflow: auto;
}

.meiji-safety-section{
	width: 680px;
	clear: both;
	margin-bottom: 10px;
}

.meiji-safety-img{
	width: 200px;
	height: 80px;
	margin: 0px 5px 15px 30px;
	float: left;
}

.meiji-safety-text{
	width: 445px;
	float: right;
}

/* 自動販売機オペレートサービス　サービス内容 */
/* 小見出し*/
#dydo-meritｰtitle-contents{
	width: 680px;
	overflow: auto;
}
.dydo-merit-title-section{
	width: 680px;
	clear: both;
	margin-bottom: 20px;
}
.dydo-merit-title-img{
	width: 20px;
	height: 20px;
	margin: 20px 5px 0px 15px;
	float: left;
}

.dydo-merit-title-text{
	width: 640px;
	float: right;
	color: #ff8c00;
	font-size: 140%;
        font-weight: bold;
        margin-top: 20px;
}

#dydo-meritｰitem-contents{
	width: 680px;
	overflow: auto;
}
.dydo-merit-item-section{
	width: 680px;
	clear: both;
	margin-bottom: 10px;
}
.dydo-merit-item-img{
	width: 200px;
	height: 80px;
	margin: 0px 5px 0px 0px;
	float: right;
}
.dydo-merit-item-text{
	width: 415px;
        margin-left: 60px;
	float: left;
}

#dydo-item-contents{
	width: 680px;
	overflow: auto;
}

.dydo-item-section{
	width: 680px;
	clear: both;
	margin-bottom: 10px;
}

.dydo-item-img{
	width: 150px;
	height: 100px;
	margin: 0px 5px 0px 0px;
	float: right;
}

.dydo-item-text{
	width: 495px;
        margin-left:30px;
	float: left;
}

#dydo-operation-contents{
	width: 680px;
	overflow: auto;
}

.dydo-operation-section{
	width: 680px;
	clear: both;
	margin-bottom: 10px;
}

.dydo-operation-img{
	width: 96px;
	height: 128px;
	margin: 0px 5px 15px 30px;
	float: left;
}

.dydo-operation-text{
	width: 549px;
	float: right;
}

/* クリクラ宅配サービス　サービス内容 */
/* 小見出し*/
#crecla-reason-contents{
	width: 680px;
        height: 170px;
	overflow:auto;
        margin-left: 20px;
	margin-bottom: 10px;
}

#crecla-meritｰtitle-contents{
	width: 680px;
	overflow: auto;
}
.crecla-merit-title-section{
	width: 680px;
	clear: both;
	margin-bottom: 20px;
}
.crecla-merit-title-img{
	width: 20px;
	height: 20px;
	margin: 20px 5px 0px 15px;
	float: left;
}

.crecla-merit-title-text{
	width: 640px;
	float: right;
	color: #3399ff;
	font-size: 140%;
        font-weight: bold;
        margin-top: 20px;
}

#crecla-meritｰitem-contents{
	width: 680px;
	overflow: auto;
}
.crecla-merit-item-section{
	width: 680px;
	clear: both;
	margin-bottom: 10px;
}
.crecla-merit-item-img{
	width: 200px;
	height: 80px;
	margin: 0px 5px 0px 0px;
	float: right;
}
.crecla-merit-item-text{
	width: 415px;
        margin-left: 60px;
	float: left;
}

#crecla-item-contents{
	width: 680px;
	overflow: auto;
}

.crecla-item-section{
	width: 680px;
	clear: both;
	margin-bottom: 10px;
}

.crecla-item-img{
	width: 150px;
	height: 100px;
	margin: 0px 5px 0px 0px;
	float: right;
}

.crecla-item-text{
	width: 495px;
        margin-left:30px;
	float: left;
}

#crecla-operation-contents{
	width: 680px;
	overflow: auto;
}

.crecla-operation-section{
	width: 680px;
	clear: both;
	margin-bottom: 10px;
}

.crecla-operation-img{
	width: 96px;
	height: 128px;
	margin: 0px 5px 15px 30px;
	float: left;
}

.crecla-operation-text{
	width: 549px;
	float: right;
}

#crecla-safetyｰitem-contents{
	width: 680px;
	overflow: auto;
}
.crecla-safety-item-section{
	width: 680px;
	clear: both;
	margin-bottom: 10px;
}
.crecla-safety-item-text{
	width: 620px;
        margin-left: 60px;
	float: left;
}
.crecla-safety-img{
	width: 680px;
        margin-top: 10px;
	margin-left: 10px;
	float: left;
}
/* 申し込み・問い合わせボタン配置 */
#button-contents{
	width: 680px;
	overflow:auto;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: center;
}

.button-section12{
	width: 200px;
	height: 50px;
	float: left;
	margin: 30px 20px 0px 0px;
}

/* サービス提供までの流れ */
#service-flow-contents{
	width: 680px;
        height: 100px;
	overflow:auto;
        margin-left: 20px;
	margin-bottom: 10px;
}
.service-flow-section{
	width: 680px;
	clear: both;
	margin-bottom: 20px;
}
.service-flow-img{
	width: 20px;
	height: 25px;
	margin: 20px 5px 0px 15px;
	float: left;
}
.service-flow-dydo-text{
	width: 640px;
	float: right;
	color: #ff8c00;
	font-size: 140%;
        font-weight: bold;
        margin-top: 25px;
}
.service-flow-meiji-text{
	width: 640px;
	float: right;
	color: #ff99cc;
	font-size: 140%;
        font-weight: bold;
        margin-top: 25px;
}
.service-flow-crecla-text{
	width: 640px;
	float: right;
	color: #3399ff;
	font-size: 140%;
        font-weight: bold;
        margin-top: 25px;
}
.service-flow-item-section{
	width: 710px;
	clear: both;
	margin-bottom: 10px;
}
.service-flow-item-img{
	width: 100px;
	height: 145px;
	margin: 0px 5px 15px 40px;
	float: left;
}
.service-flow-item--text{
	width: 565px;
	float: right;
}