@charset "utf-8";



/******************** 共通項目制御 ******************************/

/********** 全体 **********/

*{
	margin:0px;
	padding:0px;
	}



body {

	margin:0 auto;

	padding:0;

	font-family: "メイリオ", "Meiryo", "Lucida Grande", "Verdana",  "MS P ゴシック","MS PGothic", "Osaka","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;

	font-size:100%;

	line-height:1.8;

	text-align:center;

	background: url(../images/body_bg.gif) repeat-x 0 0;/**チェック01**/

	}



/********** 画像調整 **********/

img{

	border: 0;

	}



.img-l{

	float:left;

	}



.img-r{

	float:right;

	}



.img-c{

	clear:both;

	margin:0 auto;

	text-align:center;

	}



/********** テキストリンク **********/

a{

	color:#CC0000;

	}



a:hover{

	text-decoration:underline;

	color:#990099;

	}



a:visited{

	color:#444444;

	text-decoration:underline;

	}

.pr_txt a {

	color:#0000FF;

	}



.pr_txt a:hover {

	text-decoration:underline;

	color:#0000FF;

	}


/********** その他調整 **********/

div, p, span, address{

	text-align:justify;

	text-justify:distribute-all-line;

	}



p{

	padding:0 0 1em 0;

	}



hr{

	clear:both; visibility:hidden;

	}





/********** テーブル調整 **********/

table{

	border-spacing: 0;

	border-collapse: collapse;

	}



th , td{

	padding:5px 10px;

	}



/******************** ワーパー制御 ******************************/

/********** wrapper **********/

#wrapper{
	position:relative;
	text-align:center;
	width:900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}



/******************** ヘッダー制御 ******************************/

/********** header **********/

#header{

	width:900px;

	height:100px;

	}



#header h1{
	position:absolute;
	top:5px;
	left:0px;
	font-size:72.5%;
	font-weight:normal;
	}



#header p{
	position:absolute;
	top:35px;
	left:0px;
	font-size:62.5%;
	}



#header .sitemap{

	position:absolute;

	top:0px;

	left:250px;

	}



/********** header小さいボタンリンク **********/

#hd-company{
	position:absolute;
	right: 253px;
	}



#hd-kiyaku{
	position:absolute;
	right: 180px;
	}



#hd-sitemap{
	position:absolute;
	right: 326px;
	}



#hd-toiawase{
	position:absolute;
	right: 107px;
	}
#hd-privacy {
	position: absolute;
	right: 10px;
}



/******************** ナビゲーションスペース制御 ******************************/

/********** container-navi **********/

#container-navi{
	float:left;
	width:200px;
	padding-bottom: 10px;
	}
#container-navi p {
	margin: 0px;
	padding: 0px;
}



/********** bannar **********/

.top-bannar{
	}



/********** navi-g **********/

#navi-g{
	width:200px;
	}



#navi-g img{

	border:none;

	vertical-align:top;

	}



#navi-g ul{

	list-style:none;

	}



#navi-g li{

	font-size:1px;

	line-hight:100%;

	}



/******************** コンテンツスペース制御 ******************************/

/********** container-contents **********/

#container-contents{
	float:right;
	font-size:92.5%;
	width:690px;
	}



/******************** コンテンツ-インナースペース制御 ******************************/

/********** container-contents-inner **********/

#container-contentsinner{

	margin:0 auto;

	width:660px;

	}



#container-contentsinner h3{

	clear:both;

	padding:5px 0 0 20px;

	width:640px;

	height:36px;

	font-size:92.5%;

	background:url(../images/h3_title.gif) no-repeat 0 0;

	}



#container-contentsinner h4{

	clear:both;

	padding:2px 0 0 20px;

	width:640px;

	height:28px;

	font-size:100%;

	background:url(../images/h4_title.gif) no-repeat 0 0;

	}



/******************** メインビジュアル制御 ******************************/

/********** main-img **********/

#mainimg{
	position:relative;
	width:660px;
	height:200px;
	background:url(../images/top/mainimg_bg.jpg) no-repeat 0 0;
	}



#mainimg h2{
	display: none;
	}



#mainimg p{
	display: none;
	}



/********** main-img **********/

#subimg{

	position:relative;

	width:660px;

	height:140px;

	background:url(../images/subimg_bg.jpg) no-repeat 0 0;

	}



#subimg h2{

	position:absolute;

	top:52px;

	left:30px;

	}



/******************** パンくず制御 ******************************/

/********** topicpath **********/

#topicpath{
	font-size:72.5%;
	width:660px;
	height:40px;
	color: #DBDBDB;

	}



#topicpath a{

	color:#999999;

	text-decoration:none;

	}



#topicpath a:hover{

	text-decoration:underline;

	}



/******************** ページトップ制御 ******************************/

/********** pagetop **********/

#pagetop{

	clear:both;

	position:relative;

	margin:0 auto;

	padding:0;

	width:900px;

	height:35px;

	}



#pagetop a{

	position:absolute;

	top:10px;

	left:760px;

	text-decoration:none;

	}





/******************** フッター制御 ******************************/

/********** container-footer **********/

#container-footer{

	clear:both;

	margin:0;

	padding:0;

	font-size:62.5%;

	width:100%;

	background:url(../images/footer_bg.gif) repeat-x 0 0;

	}



#container-footer a{

	color:#696969;

	text-decoration:none;

	}



/********** footer **********/

#footer{

	clear:both;

	margin:0 auto;

	text-align:center;

	width:900px;

	}



/********** footer-topicpath **********/

#footer-topicpath{

	text-align:left;

	width:900px;

	height:26px;

	background:url(../images/footer_topicpath_bg.gif) no-repeat 0 0;

	}



#footer-topicpath ol{

	list-style:none;

	}



#footer-topicpath li{

	float:left;

	line-height:26px;

	}



#footer-topicpath a{

	display:block;

	padding:0 25px 0 0;

	text-decoration:none;

	background:url(../images/footer_topicpath_arrow.gif) no-repeat right;

	}



#footer-topicpath a:hover{

	text-decoration:underline;

	}



/********** footer-navi **********/

#footer-navi{

	clear:both;

	}



#footer dl{

	display:block;

	float:left;

	margin:5px 5px 3px 0;

	width:175px;

	text-align:left;

	}



#footer dt a{

	font-size:100%;

	font-weight:bold;

	}



#footer dt a:hover{

	text-decoration:underline;

	}





#footer dd{

	padding:0 0 0 1em;

	}





/********** ナビその他 **********/

#footer-navi ul{

	clear:both;

	padding:20px 0 0 0;

	list-style:none;

	}



#footer-navi li{

	float:left;

	line-height:1.2;

	border-right:#696969 solid 1px;

	}



#footer-navi li a{

	padding:0 5px;

	}



#footer-navi li a:hover{

	text-decoration:underline;

	}



/********** copyright **********/

#copyright{

	clear:both;

	margin:0;

	padding:5px 0;

	}



#copyright a:hover{

	text-decoration:underline;

	}







/******************** コンテンツ内デザイン制御 ******************************/

/********** TOP ポイント制御 **********/

#point01{
	width:480px;
	height:120px;
	background:url(../images/top/point01_bg.gif) no-repeat 0 0;
	line-height: 140%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 180px;
	}



#point02{
	width:480px;
	height:120px;
	background:url(../images/top/point02_bg.gif) no-repeat 0 0;
	line-height: 140%;
	padding-right: 180px;
	}



#point03{
	width:480px;
	height:120px;
	background:url(../images/top/point03_bg.gif) no-repeat 0 0;
	line-height: 140%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-right: 180px;
	}



.point{

	float:left;

	margin:0 15px 0 0;

	}



/********** 会社概要 **********/

.format-company{

	border-bottom:#CCCCCC solid 1px;

	}



.format-company dt{

	float:left;

	line-height:2;

	display:block;

	width:80px;

	margin:0 3em 0 0;

	}



.format-company dd{

	line-height:2;

	}



/********** サイトマップ **********/

.format-sitemap{

	}



.format-sitemap dt{

	padding:0 0 3px 20px;

	background:url(../images/icon_sitemaparrow.gif) no-repeat 0 0;

	border-bottom:#CCCCCC solid 1px;

	}



.format-sitemap dd{

	padding:0 0 0 35px;

	background:url(../images/icon_sitemaparrow_sub.gif) no-repeat 0 0;

	border-bottom:#CCCCCC dotted 1px;

	}



/********** 規約 **********/

.format-kiyaku{

	margin:0 0 15px 0;

	border-bottom:#CCCCCC solid 1px;

	}



.format-kiyaku dt{

	font-weight:bold;

	}



.format-kiyaku dd{

	margin:0 0 10px 0;

	}



/********** 用語集 **********/

.format-yougo{

	list-style:none;

	}



.format-yougo li{

	display:block;

	float:left;

	margin:0 8px 0 0;

	font-weight:bold;

	border:#CCCCCC solid 1px;

	background-color:#F4F2E8;

	}



.format-yougo li a{

	display:block;

	padding:10px;

	}



/********** 用語集詳細 **********/

#yougo-caption{

	margin:0 0 15px 0;

	padding:3px;

	width:2.5em;

	line-height:1.5;

	font-size:140%;

	font-weight:bold;

	text-align:center;

	border-bottom:#CCCCCC solid 1px;

	background-color:#E9E8E4;

	}



.format-yougo-syousai dl{

	}



.format-yougo-syousai dt{

	padding:0 0 0 25px;

	font-size:16px;

	font-weight:bold;

	background:url(../images/icon_yougo.gif) no-repeat 0 0;

	}



.format-yougo-syousai dd{

	margin:0 0 20px 0;

	padding:0 0 0 25px;

	border-bottom:#DBDBDB solid 1px;

	}



#yougo-etclist{

	margin:50px 0 0 0;

	padding:0 0 0 30px;

	font-size:16px;

	font-weight:bold;

	background:url(../images/icon_yougoetc_bg.gif) no-repeat 0 0;

	}



.format-yougo-syousai-list{

	list-style:none;

	}



.format-yougo-syousai-list li{

	float:left;

	margin:0 20px 0 0;

	}





/********** よくあるご質問 **********/

.format-faqlist{

	}



.format-faqlist ul{

	list-style:none;

	}



.format-faqlist li{

	list-style:none;

	margin:0 0 5px 0;

	padding:0 0 3px 30px;

	line-height:19px;

	background:url(../images/icon_q.gif) no-repeat 0 0;

	border-bottom:#999999 dotted 1px;

	}



/********** よくあるご質問詳細 **********/

.format-faq dl{

	}



.format-faq dt{

	margin:20px 0 5px 0;

	padding:0 0 3px 31px;

	line-height:19px;

	font-weight:bold;

	background:url(../images/icon_q.gif) no-repeat 0 0;

	}



.format-faq dd{

	padding:0 0 20px 50px;

	background:url(../images/icon_a.gif) no-repeat 0 0;

	}



/********** 自動販売機の設置と条件 **********/

#sechilist ol{

	margin:10px 0;

	}



#sechilist li{

	padding:5px 0;

	list-style:none;

	border-bottom:#CCCCCC dotted 1px;

	}



/********** 自動販売機設置のポイント **********/

.sechipoint dl{

	}



.sechipoint dt{

	padding:0 0 0 21px;

	font-weight:bold;

	background:url(../sechi/images/point_bg.gif) no-repeat 0 0;

	}



.sechipoint dd{

	margin:0 0 20px 0;

	padding:0 0 8px ;

	line-height:1.5;

	border-bottom:#999999 dotted 1px;

	}



/********** 飲料水の一覧 **********/

.w-list dl{

	float:left;

	margin:0 10px;

	font-size:82.5%;

	width:200px;

	}



.w-list dt{

	float:left;

	display:block;

	width:50px;

	}



.w-list dd{

	float:left;

	display:block;

	margin:0 0 0 5px;

	width:140px;

	}



/********** 自動販売機業界のシェア **********/

#share table{

	padding:0 0 20px 0;

	width:660px;

	}



#share td,th{

	font-size:92.5%;

	border:#999999 solid 1px;

	border-spacing: 0;

	border-collapse: collapse;

	}



#share th{

	text-align:center;

	background-color:#FFFFCC;

	}



.text-p-r{ text-align:right; }



.w70{ width:70px; }

.w180{ width:180px; }

.w340{ width:340px; }



/********** 立地面から売れる商品を検討する **********/

.richipoint{

	padding:5px;

	line-height:1.2;

	width:450px;

	border:#FFCC33 solid 2px;

	background-color:#FFFFCC;

	}



/********** 導入までの流れ **********/

.flowbox{

	margin:10px 0 0 0;

	width:660px;

	height:140px;

	background:url(../flow/images/flow_arrow.gif) no-repeat bottom;

	}



.flowbox p{

	margin:0 20px;

	line-height:1.25;

	}



.flowbox-end{

	margin:10px 0 0 0;

	width:660px;

	height:120px;

	background:url(../flow/images/flow_arrowend.gif) no-repeat bottom;

	}



.flowbox-end p{

	margin:0 20px;

	line-height:1.25;

	}
.pr_txt {
	font-size: 14px;
	color: #333333;
	padding: 20px;
	line-height: 1.5em;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
	margin-top: 20px;
}
br.clear30 {
	clear: both;
	height: 30px;
}