/*
Theme Name: グッドメール
Theme URI: none
Description: based on [EASYALL] 
Author: m-tone
Author URI: http://www.m-tone.co.jp/
*/


/*@charset "utf-8";*/

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 175%;
	margin: 0px;
	background-color: #FFFFFF;
	color: #333333;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 25px;
}

/* header(midashi) */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	display: inline;
}

/* paragraph */
p {
	margin: 0;
	padding: 0;
}

/* anchor */
a {
	color: #5180C6;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img:hover {
	filter: Alpha(Opacity=75);
	-moz-opacity:0.75;
  　opacity:0.75;
}

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

area {
	outline: none;
}

/* list */
dl, ul, ol, li, dt, dd {
	margin: 0;
	padding: 0;
	line-height: 0px;
	list-style-type: none;
}

/* image */
img {
	border: 0;
	margin: 0px;
	padding: 0px;
}

/* address */
address {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
}

/* emphasis */
em {
	font-style: normal;
	color: #d43339;
}

/* strong */
strong {
	font-weight: bold;
	font-style: normal;
}

form {
	margin: 0;
	padding: 0;
}
pre {
	margin: 0px;
	padding: 0px;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}

.clear_both {
	clear: both;
	line-height: 0px;
}
.clear_5{
	clear:both;
	height: 5px;
}
.clear_10{
	clear:both;
	height: 10px;
}
.clear_15{
	clear:both;
	height:15px;
}
.clear_20{
	clear:both;
	height:20px;
}
.clear_25{
	clear:both;
	height:25px;
}
.clear_30{
	clear:both;
	height:30px;
}
.img_left {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}
.img_right {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
}

.margine_b5 {
	margin-bottom: 5px;
}
.margine_b10 {
	margin-bottom: 10px;
}
.margine_b15 {
	margin-bottom: 15px;
}
.margine_b20 {
	margin-bottom: 20px;
}
.margine_b25 {
	margin-bottom: 25px;
}
.margine_b35 {
	margin-bottom: 35px;
}
.margine_b40 {
	margin-bottom: 40px;
}
.line_dot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}


.display_none {
	display: none;
}
.hidden {
	visibility: hidden;
}

.txt_align_right {
	text-align: right;
}
.txt_align_left {
	text-align: left;
}
.txt_align_center {
	text-align: center;
}
.v_align_bottom{
	vertical-align: bottom;
}
.v_align_top{
	vertical-align: top;
}
.h_vari_01 {
	font-size: 15px;
	font-weight: bold;
	color: #C1272D;
}.h_vari_02 {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 13px;
	display: block;
	background-image: url(../img/common/bg_midashi.gif);
	background-repeat: no-repeat;
}
.h_vari_03 {
	color: #0099CC;
	font-weight: bold;
	font-size: 14px;
}
.h_vari_04 {
	background-image: url(../img/other/back_smap.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding-top: 9px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.h_vari_04 a {
	color: #333333;
}
.h_vali_05 {
	font-size: 16px;
	font-weight: bold;
	color: #33B803;
	padding-top: 10px;
}




.p_var_01 {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}
.p_vari_02 {
	font-size: 16px;
	font-weight: bold;
}
.p_vari_03 {
	font-size: 12px;
	line-height: 130%;
	color: #666666;
}
.p_vari_04 {
	color: #3FB265;
	line-height: 100%;
	font-weight: bold;
}
.p_vari_05 {
	color: #1D8DD5;
	line-height: 100%;
}
.p_vari_06 {
	font-size: 11px;
	color: #CC0000;
}
.p_vari_07 {
	font-size: 11px;
	line-height: 120%;
}
.p_vari_08 {
	padding-left: 20px;
}



.p_vari_q {
	background-image: url(../img/common/icon_q.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-bottom: 30px;
}
.p_vari_a {
	background-image: url(../img/common/icon_a.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-bottom: 30px;
}



.p_tel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 7px;
	margin-top: 5px;
}
.font_gray {
	color: #666666;
}
.font_orange {
	color: #FF6600;
}
.txt_dot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 230%;
}

.list_vari_01 {
}
.list_vari_01 li {
	list-style-position: inside;
	list-style-type: disc;
	line-height: 150%;
}
.list_vari_02 li {
	list-style-position: inside;
	list-style-type: disc;
	line-height: 150%;
	margin-left: 20px;
}
.list_vari_02 li a {
	color: #333333;
}
.link_o {
	background-image: url(../img/common/icon_link_o.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}

.gray_box {
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	padding: 10px;
}






#header_area {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	width: 800px;
	margin-right: 100px;
	margin-left: 100px;
	margin-top: 10px;
}
#header #h_txt {
	width: 535px;
	line-height: normal;
	_margin-bottom:-17px;
}
#header #h_menu {
	width: 254px;
	_margin-bottom:-17px;
}
#header #h_menu li {
	float: left;
	margin-right: 10px;
}
#header #rogo {
	width: 230px;
}
#header #g_menu {
	width: 565px;
}

#header #g_menu li {
	float: left;
}
#header #g_menu a {
	display: block;
}


#header #g_menu .m_1 {
	height: 47px;
	width: 99px;
	background-image: url(../img/common/g_menu_01.gif);
}
#header #g_menu .m_1:hover {
	background-position: 0px -47px;
	background-repeat: no-repeat;
}
#header #g_menu .m_2 {
	height: 47px;
	width: 90px;
	background-image: url(../img/common/g_menu_02.gif);
}
#header #g_menu .m_2:hover {
	background-position: 0px -47px;
	background-repeat: no-repeat;
}
#header #g_menu .m_3 {
	height: 47px;
	width: 105px;
	background-image: url(../img/common/g_menu_03.gif);
}
#header #g_menu .m_3:hover {
	background-position: 0px -47px;
	background-repeat: no-repeat;
}
#header #g_menu .m_4 {
	height: 47px;
	width: 154px;
	background-image: url(../img/common/g_menu_04.gif);
}
#header #g_menu .m_4:hover {
	background-position: 0px -47px;
	background-repeat: no-repeat;
}
#header #g_menu .m_5 {
	height: 47px;
	width: 105px;
	background-image: url(../img/common/g_menu_05.gif);
}
#header #g_menu .m_5:hover {
	background-position: 0px -47px;
	background-repeat: no-repeat;
}
#fl_area {
	height: 400px;
	background-image: url(../img/common/bg_top.gif);
	background-repeat: repeat-x;
}
#fl_area #flash {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
}
#cont_area {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 100px;
	padding-left: 100px;
}
#content_sbar {
	padding-top: 20px;
	padding-bottom: 20px;
}
#content_sbar #content {
	width: 530px;
}
#content_sbar #sbar {
	width: 250px;
}
#top #biz_box {
	margin-top: 20px;
}
#top #about_gm {
	margin-top: 15px;
}
#top #about_gm #box {
	padding: 17px;
	background-color: #F2F2F2;
}
#top #about_gm #box p {
	line-height: 150%;
}
#footer_area {
	background-image: url(../img/common/bg_footer_line.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer {
	width: 900px;
	padding-left: 100px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
#footer #p_link {
	width: 530px;
}
#p_link .p_var_01 a {
	color: #333333;
}


#footer #p_link li {
	list-style-type: disc;
	line-height: 120%;
	padding-left: 5px;
	list-style-position: inside;
	color: #666666;
	font-size: 11px;
}
#footer  #p_link  li a {
	color: #666666;
}
#footer #p_link ul {
	margin-bottom: 10px;
}
#footer #p_link #left {
	width: 160px;
	margin-right: 25px;
	float: left;
}
#footer #p_link #mid {
	float: left;
	width: 160px;
}
#footer #p_link #right {
	float: right;
	width: 160px;
}
#footer #campany_info {
	width: 200px;
	margin-left: 70px;
}
#footer #page_top {
	margin-left: 20px;
	width: 80px;
	float: right;
}
#footer #btm {
	width: 800px;
	text-align: center;
}
#p_title_area {
	background-image: url(../img/common/bg_title.gif);
	background-repeat: repeat-x;
}
#p_title_area_2 {
	background-image: url(../img/sozai/bg_title_s.gif);
	background-repeat: repeat-x;
}

#p_title {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/common/bg_title.gif);
	background-repeat: repeat-x;
}
#sub_cont_area {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/common/bg_left.gif);
	background-repeat: no-repeat;
}
#sub_cont_area_a {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#sozai {
	background-image: url(../img/sozai/bg_cont.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#sub_content_sbar  {
	margin-right: 100px;
	margin-left: 100px;
	padding-bottom: 30px;
}
#pankuzu {
	background-image: url(../img/common/icon_gohome.gif);
	background-repeat: no-repeat;
	height: 28px;
	padding-left: 20px;
	padding-top: 15px;
	background-position: 0px 15px;
}
#sub_content_sbar #content {
	width: 560px;
	margin-right: 40px;
}
#sub_content_sbar #sbar {
	width: 200px;
}
#cat_box {
	margin-bottom: 15px;
}

#cat_box .cat_list {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#cat_box .cat_list .li_a {
	display: block;
	background-image: url(../img/common/icon_cursol.gif);
	background-repeat: no-repeat;
	padding-top: 17px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-left: 15px;
	padding-bottom: 17px;
	background-position: 3px;
}
#cat_box .cat_list .li_a a {
	color: #333333;
}

#cat_box .cat_list .li_b {
	display: block;
	background-image: url(../img/common/icon_cursol_o.gif);
	background-repeat: no-repeat;
	padding-top: 17px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-left: 15px;
	padding-bottom: 17px;
	background-position: 3px;
}

#cat_box .cat_list .li_b a {
	color: #000000;
}
#vending #step_box {
	margin-bottom: 10px;
	margin-top: 10px;
}

#vending  #step_box img {
	margin-top: 0px;
	margin-bottom: 0px;
}
#vending #step_box .img_left_18 {
	float: left;
	margin-right: 15px;
}


#vending #step_box #box {
	background-image: url(../img/vending/step_box_mid.gif);
	background-repeat: repeat-y;
	padding-right: 17px;
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#vending #jihan_box {
	padding: 13px;
	border: 1px solid #CCCCCC;
	width: 249px;
}
#vending #case_box {
	border: 3px solid #457AB6;
}
#vending #case_box #midashi {
	background-color: #EAF0F7;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #497DB8;
}
#vending #case_box .col {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#qa .q_list {
	padding-left: 15px;
}
#qa .q_list li {
	line-height: 150%;
	list-style-position: inside;
	list-style-type: disc;
}
#qa #qa_box {
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#sale #hana {
	background-image: url(../img/hana/back_hana.jpg);
}

#parking #flow_box {
	padding-top: 18px;
	padding-bottom: 18px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
#parking #flow_box #pic {
	width: 290px;
}
#parking #flow_box #txt {
	width: 270px;
}#parking #support_box {
	margin-bottom: 10px;
	margin-top: 10px;
}
#parking #support_box #left {
	width: 140px;
}
#parking #support_box #txt {
	width: 420px;
}
#sale #hana .menu_hana {
}
#sale #hana .menu_hana li {
	float: left;
}
#sale #hana .col_01 {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000000;
}
#company  .table_history  td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
#company #map {
	height: 350px;
	width: 550px;
	border: 3px solid #CCCCCC;
	margin-bottom: 25px;
}
#company #map2 {
	height: 350px;
	width: 550px;
	border: 3px solid #CCCCCC;
	margin-bottom: 25px;
}
#smap   #box {
	width: 390px;
}
#form .chart {
	border: 1px solid #CCCCCC;
	margin-bottom: 25px;
}
#form .chart td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}
#form .chart .td_a {
	background-color: #F0F0F0;
	text-align: left;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#form button {
	background-color: #F0F0F0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 240px;
}
#form   .gray_box input:hover  {
	filter: Alpha(Opacity=75);
	-moz-opacity:0.75;
  　opacity:0.75;
  	cursor:pointer;
}
#form .btn_submit {
	background-image: url(../img/form/btn_check.gif);
	height: 47px;
	width: 240px;
	background-color: #FFFFFF;
	font-size: 0px;
	line-height: -100px;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#form .btn_cancel {
	background-image: url(../img/form/btn_reset.gif);
	height: 47px;
	width: 240px;
	background-color: #FFFFFF;
	font-size: 0px;
	line-height: -100px;
	color: #990000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#order {
	background-color: #fbf9e4;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#order #left {
	width: 200px;
	float: left;
}
#order #right {
	width: 330px;
	float: right;
}
#kotei {
	margin-bottom: 25px;
}
#kotei #box {
	padding-right: 50px;
	padding-left: 50px;
	background-image: url(../img/sozai/back_kotei.jpg);
	background-repeat: repeat-y;
	padding-top: 10px;
}
#kotei #box .img_box {
	width: 130px;
	float: left;
}
#kotei #box .txt_box {
	width: 320px;
	float: right;
}
#kotei #box .cursol {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.bamen_01 {
	padding: 20px;
	border: 1px solid #46DE10;
	margin-bottom: 40px;
}
.bamen_02 {
	padding: 20px;
	border: 1px solid #FBB03B;
	margin-bottom: 40px;
}
.bamen_03 {
	padding: 20px;
	border: 1px solid #3BCEFB;
	margin-bottom: 40px;
}
.bamen_04 {
	padding: 20px;
	border: 1px solid #B13BFB;
	margin-bottom: 40px;
}
.bamen_05 {
	padding: 20px;
	border: 1px solid #FB3B3B;
	margin-bottom: 40px;
}
.img_margin  {
	margin-right: 10px;
	float: left;
}