@charset "utf-8";
* {font-family: "meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}

body {
	font-size: 14px;
	background: #FFF9EE;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	line-height:1.8em;
	color: #333333;
}

img { vertical-align: text-bottom;}

.center_auto {text-align:center;margin:auto;}
.t_center {text-align:center;}
.t_left {text-align:left;}
.t_right {text-align:right;}
.t_red {color: #CC0033;}
.t_blue {color:#003399;}
.t_green {color: #009966;}
.bc_1 {background:#FFFFCC;}
.bc_2 {background:#ccff99;}
.f_bold {font-weight:bold;}
.f_36 {font-size:36px;}
.f_30 {font-size:30px;}
.f_24 {font-size:24px;}
.f_18 {font-size:18px;}
.f_16 {font-size:16px;}
.f_14 {font-size:14px;}
.f_12 {font-size:12px;}
.f_10 {font-size:10px;}
.lh_140 {line-height:140%}
.w_780 {width:780px;}
.w_720 {width:720px;}
.w_640 {width:640px;}
.w_600 {width:600px;}
.w_600_xy-pd10 {width:580px;padding:10px}
.w_560 {width:560px;}
.w_520 {width:520px;}
.w_480 {width:480px;}
.w_440 {width:440px;}
.w_400 {width:400px;}
.w_360 {width:360px;}
.w_300 {width:300px;}
.w_240 {width:240px;}
.w_200 {width:200px;}
.w_160 {width:160px;}
.w_120 {width:120px;}
.w_100 {width:100px;}
.pd_0 {padding:0px;}
.pd_5 {padding:5px;}
.pd_10 {padding:10px;}
.pd_left_1em {padding-left:1em;}
.pd_top_1em {padding-top:1em;}
.mg_0 {margin:0px;}.mg_top_30 {margin-top:30px;}.mg_top_10 {margin-top:10px;}.mg_top_5 {margin-top:5px;}.mg_top_3 {margin-top:3px;}.mg_top_0 {margin-top:0px;}
.mg_bottom_5 {margin-bottom:5px;}
.mg_bottom_30 {margin-bottom:30px;}
.flort_l {float:left;}
.clear {clear:both; padding:0; margin:0; width:0px; height:0px;}
.nowrap {white-space:nowrap; overflow:visible;}
.red {color:red;}
.list_dec ul li {list-style-type:decimal;}
.list_squ ul li {list-style-type:square;}
.list_non ul li {list-style-type:none;}

h1 {font-size:24px;line-height:1.4em;}
h2 {font-size:18px;line-height:1.4em;}
h3 {font-size:14px;line-height:1.4em;}
h4 {font-size:12px;line-height:1.4em;}
h5 {font-size:10px;line-height:1.4em;}

.title_1 {
	text-align: center;
	margin: 0.3em 0 0.3em;
	padding: 5px 10px;
	color: #669966;
}

.title_2 {
	text-align: left;
	margin: 0.8em 0 0.5em;
	padding: 5px 10px;
	border-bottom: 1px solid #669966;
}

.title_2 {border-left:0.5em solid #669966; padding-left:0.5em;}

.title_3 {
	text-align:left;
	margin:0.8em 0 0.5em;
	padding:3px 10px;
	border-bottom:1px solid #669966;
}

.title_4 {
	text-align: left;
	margin: 0.8em 0 0.5em;
	padding: 3px 10px;
	color: #ffffff;
	background: #669966;
}

.title_5 {
	text-align: left;
	margin: 0.8em 0 0.5em;
	padding: 3px 10px;
	background: #ffffff;
	border-left: 8px solid #669966;
	border-top: 1px solid #669966;
	border-right :1px solid #669966;
	border-bottom: 1px solid #669966;
}

.title_s {position:relative;text-align:left;margin:0.3em 0 0.3em;padding:0;line-height:1.2em;}

.table {border-top:1px solid #339933;border-left:1px solid #339933;border-collapse:collapse;border-spacing:0;}
.table th {border-right:1px solid #339933;border-bottom:1px solid #339933;padding:0.3em 0.8em;font-weight:normal;background:#FFFF99;white-space:nowrap;}
.table td {border-right:1px solid #339933;border-bottom:1px solid #339933;padding:0.3em 0.8em;white-space:nowrap;}

a img {border:none; padding:0; margin:0;}
p {margin:0;padding:0;}
ul {margin-top:0; padding-top:0;}

#container {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

h1#hComment {
	line-height: 110%;
	text-align: left;
	width: 800px;
	margin: 0 auto;
	font-weight: normal;
	font-size: 16px;
	background: #FFF9EE;
	border-bottom: 1px solid #cccccc;
}

/*ヘッダー*/
#header {
	width:800px;
	height:200px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
}

/*サイドメニュー*/
#sidemenu ul {
	padding:0;
	margin:0;
}

#sidemenu li {
	list-style-type :none;
	padding: 0;
	margin: 0 10px 0;
	width: 180px;
	line-height: 32px;
	font-size: 14px;
	font-weight :bold;
}

#sidemenu li.menuText {
	list-style-type: none;
	padding: 0;
	margin :0 10px 0 10px;
	width: 180px;
	line-height :32px;
	font-size: 14px;
	font-weight: bold;
}

#sidemenu a {
	display: block;
	padding: 0 0 0 5px;
	margin: 0 0 3px 0;
	border: 1px solid #669966;
	background: #669966;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
}

#sidemenu a:hover {
	border: 1px solid #ff9933;
	background: #FF9933;
	color: #660000;
}

#sidemenu .l-btn {
	padding: 6px 0;
	line-height: 130%;
}

#sidemenu ul li.menuText p a.menuLink {
	font-weight :normal;
	font-size: 80%;
	line-height: 16px;
	text-align: left;
	padding: 0 0 3px 1em;
	margin: -3px 0 3px 0;
}
/*サイドメニュー_ツイッターフォローボタン*/
#sidemenu #twbtn { border:1px solid #669966; margin:0 10px 3px; padding:5px;}
#sidemenu #twbtn p { margin-bottom:3px; text-align:center; font-size:12px; line-height:120%;}
#sidemenu #twbtn a { width:160px; text-align:center; background:#ffffff;border:none;}

/*サイドメニュー_QRコード*/
#sidemenu #side_qr { border:1px solid #669966; margin:0 10px 3px; padding:5px;}
#sidemenu #side_qr p { text-align:center; font-size:12px; line-height:120%;}

/*コントロール画面_QRコード*/
#control_qr { width:370px; border:1px solid #669966; margin:10px auto 0; padding:5px;}
#control_qr img { float:left; margin:10px;}
#control_qr p { margin-top:36px; font-size:12px; line-height:120%;}

/*----------------------------------------------------------------------コントロール画面_iPhoneをお使いの方へ*/
#iphoneAttentionLink {
	width: 100%;
	padding: 5px 0 5px;
}

#iphoneAttentionLink a {
	color: #FF0000;
	text-decoration: none;
}

#iphoneAttentionLink a:hover {
	text-decoration: underline;
}

#iphoneAttentionLink span {
	display: inline-block;
	vertical-align: middle;
}

#iphoneAttention .attIcon{
	display: inline-block;
	vertical-align: middle;
	padding: 0 2px 0;
}
#iphoneAttention .attMessage{
	width: 450px;
	margin: 0 auto;
	text-align: left;
}

#iphoneAttention .attMesName{
	text-align: right;
	padding-right: 10px;
}

#iphoneAttention .attentionWrap{
	width: 450px;
	margin: 0 auto;
	text-align: left;
}

#iphoneAttention .attentionWrap p{
	padding: 0 0 10px 0;
}

#iphoneAttention .attDescription1{
	width: 450px;
}

/*メインコンテンツ*/
#maincontent {
	width: 600px;
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
	color: #333333;
	line-height: 1.5em;
}

/*メインコンテンツマンガ編*/
#maincontentB {
	width: 760px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	color: #333333;
	line-height: 1.5em;
}

#maincontentB .manga {
	float:left;
	margin:0 10px 0;
}

/*おすすめする理由*/
#osusume {
	text-align: left;
	padding: 0 0 0 40px;
	background-image: url(img/img_osusume_back.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#osusume p { margin:-10px 0 10px 20px;}
#osusume h3 { font-size:16px; font-weight:bold; color:#009933; margin:0; padding:5px 0;}
#osusume ul { padding:0 0 0 0;}
#osusume ul li { list-style-type:none; display:inline; padding-left:10px; font-weight:bold;}

/*FAQ*/
#faq ul li {
	list-style-type:upper-alpha;
}

#faq dl {margin-left:20px;}
#faq dt {width:15px; height:15px; background:url(img/img_listmark_b.gif) no-repeat;}
#faq dl#faqJamp dd{
	text-align :left;
	padding: 0 10px 8px;
	margin-left: 10px;
	margin-top: -1.3em;
}

#faq dl#faqJamp dd a{
	text-decoration: none;
}

#faq dl#faqJamp dd a:hover{
	text-decoration: underline;
}

/*TOPお客様の声*/
#customer {
	width: 360px;
	margin: 0 auto;
	padding: 20px;
	text-align: left;
	border: 1px dotted #cccccc;
	background: #FAFAFA;
}

/*お客様インタビュー*/
.title_3-2 {
	text-align: left;
	margin: 0.8em 0 0.8em;
	padding: 3px 10px 3px 0;
	border-bottom: 1px solid #669966;/*#00CC00*/
	font-weight: bold;
	color: #669966;
}

.title_3-3 {
	text-align: left;
	margin: 0.8em 0 0.8em;
	padding: 3px 10px 3px 0;
	font-weight: bold;
	color: #669966;
}

.cus_img_l { float:left; padding-right:20px;width:180px;}
.cus_img_l p { font-size:11px; line-height:160%; margin-top:2px;}
.cus_img_l_text { float:right; width:280px;}
.cus_img_r { float:right; padding-left:20px;width:180px;}
.cus_img_r p { font-size:11px; line-height:160%; margin-top:2px;}
.cus_img_r_text { float:left; width:280px;}
.spanbold span { font-weight:bold;}

/*申込みから利用まで*/
#flow_table {
	width: 460px;
	margin: 0 auto 15px;
}

#flow_table th {
	vertical-align: top;
}

#flow_table td {
	text-align: left;
}

/*プロフィール画像*/
#prof_img { border:1px solid #CCCCCC;}

/*どらむ缶の特徴*/
#feture img {
	padding-right: 40px;
}

#feture div {
	text-align: left;
	padding: 0 0 0 2em;
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 16px;
}
#feture p {
	padding-top: 0;
	line-height: 130%;
}

#feture h2 { text-align:left; font-size:22px; font-weight:bold; color:#669966;}

/*会社概要テーブル*/
#company_table {width:100%;}
#company_table th{text-align:center;}
#company_table td{text-align:left;width:70%;}

/*会社概要メールアドレスボタン*/
.mail_btn a {
	display: block;
	width: 161px;
	height: 25px;
	background: url(img/img_mailaddress.gif) no-repeat;
}

.mail_btn a:hover { display:block; background-position:1px 1px;}

/*料金テーブル*/
.price_table th{text-align:center; font-size:16px;}
.price_table td{text-align:center; font-size:16px;}

/*フッター*/
#footer {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #669966;
	border-top: 1px dashed #CCCCCC;
}

#footer p {
	margin: 0;
	padding: 10px 0;
	line-height: 120%;
	font-size: 11px;
	color: #FFFFFF;
}