/*  ----------------------------------------
Medicom-Japan
CSS "medicom_sub.css"
LastUpdate 2007-10-13
------------------------------------------ */

/* Color Scheme ----------------------------------------
------------------------------------------ */

/* TOC ----------------------------------------
・タグごとの基本設定
・包括部分
・ヘッダ
・メインコンテンツ
・トップメニュー
・サイドメニュー
・フッタ
------------------------------------------ */


/* ヘッダ ■■■■■■■■■■■■■■■■■■■■ */

h2 {
	height: 150px;
}
h2#company {
	background: url('../img/headimg_company.jpg') no-repeat left top;
}
h2#contents {
	background: url('../img/headimg_contents.jpg') no-repeat left top;
}
h2#recruit {
	background: url('../img/headimg_recruit.jpg') no-repeat left top;
}
h2#contact {
	background: url('../img/headimg_contact.jpg') no-repeat left top;
}
h2#other {
	background: url('../img/headimg_other.jpg') no-repeat left top;
}


/* サイドメニュー ■■■■■■■■■■■■■■■■■■■■ */

ul.sidemenu {
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 2px;
	width: 170px;
	height: 250px;
}
ul.sidemenu li {
	float: left;
	height: 39px;
	width: 168px;
}
ul.sidemenu li a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	font-size: 50%;
}

ul#sidemenu_company {
	background: url('../img/sidebtn_company.png') no-repeat left top;
}
ul#sidemenu_company li a:hover,
ul#sidemenu_company li.now a {
	background: url('../img/sidebtn_company.png') no-repeat;
}
ul#sidemenu_company li#company_ a:hover {
	background-position: -170px 0px;
}
ul#sidemenu_company li#company_principle a:hover {
	background-position: -170px -39px;
}
ul#sidemenu_company li#company_map a:hover {
	background-position: -170px -78px;
}
ul#sidemenu_company li#company_.now a {
	background-position: -340px 0px;
}
ul#sidemenu_company li#company_principle.now a {
	background-position: -340px -39px;
}
ul#sidemenu_company li#company_map.now a {
	background-position: -340px -78px;
}

ul#sidemenu_contents {
	background: url('../img/sidebtn_contents.png') no-repeat left top;
}
ul#sidemenu_contents li {
	height: 59px;
}
ul#sidemenu_contents li a:hover,
ul#sidemenu_contents li.now a {
	background: url('../img/sidebtn_contents.png') no-repeat;
}
ul#sidemenu_contents li#contents_broadband a:hover {
	background-position: -170px 0px;
}
ul#sidemenu_contents li#contents_alldenka a:hover {
	background-position: -170px -59px;
}
ul#sidemenu_contents li#contents_bestdenki a:hover {
	background-position: -170px -118px;
}
ul#sidemenu_contents li#contents_broadband.now a {
	background-position: -340px 0px;
}
ul#sidemenu_contents li#contents_alldenka.now a {
	background-position: -340px -59px;
}
ul#sidemenu_contents li#contents_bestdenki.now a {
	background-position: -340px -118px;
}

ul#sidemenu_recruit {
	background: url('../img/sidebtn_recruit.png') no-repeat left top;
}
ul#sidemenu_recruit li a:hover,
ul#sidemenu_recruit li.now a {
	background: url('../img/sidebtn_recruit.png') no-repeat;
}
ul#sidemenu_recruit li#recruit_ a:hover {
	background-position: -170px 0px;
}
ul#sidemenu_recruit li#recruit_now a:hover {
	background-position: -170px -39px;
}
ul#sidemenu_recruit li#recruit_.now a {
	background-position: -340px 0px;
}
ul#sidemenu_recruit li#recruit_now.now a {
	background-position: -340px -39px;
}

ul#sidemenu_contact {
	background: url('../img/sidebtn_contact.png') no-repeat left top;
}
ul#sidemenu_contact li a:hover,
ul#sidemenu_contact li.now a {
	background: url('../img/sidebtn_contact.png') no-repeat;
}
ul#sidemenu_contact li#contact_ a:hover {
	background-position: -170px 0px;
}
ul#sidemenu_contact li#contact_tel a:hover {
	background-position: -170px -39px;
}
ul#sidemenu_contact li#contact_.now a {
	background-position: -340px 0px;
}
ul#sidemenu_contact li#contact_tel.now a {
	background-position: -340px -39px;
}


/* 包括部分 ■■■■■■■■■■■■■■■■■■■■ */

ul#topmenu {
	top: 230px;
}

/* コンテンツ部分 ■■■■■■■■■■■■■■■■■■■■ */

div#sub_conts {
	float: right;
	padding-left: 5px;
	width: 540px;
	border-left: 2px solid #cccccc;
}
div#sub_conts h3 {
	padding: 8px;
	background: #eeeeee;
	border-bottom: 15px solid #ffffff;
	font-size: 115%;
	text-align: center;
}

table#company_data {
	margin: 0px auto;
	width: 510px;
	border-collapse: collapse;
	font-size: 80%;
}
table#company_data th {
	padding: 0.3em;
	width: 5em;
	border: 1px solid #666666;
	background: #eeeeee;
}
table#company_data td {
	padding: 0.3em 0em 0.3em 0.6em;
	border: 1px solid #666666;
}
table#company_data td ul li {
	line-height: 1.3;
}
table#company_data td dl {
 	margin-top: 3px;
}
table#company_data td dl dd {
	margin: -1.1em 0em 0.4em 9em;
	line-height: 1.2;
}

p#company_profile {
	margin: 20px auto;
	text-align: center;
}

dl#company_map {
	margin: 0px auto;
	width: 500px;
}
dl#company_map dt {
	clear: right;
	font-weight: bold;
}
dl#company_map dd {
	margin: 6px 0px 0px 10px;
	font-size: 85%;
	line-height: 1.3;
}
dl#company_map dd.map_img {
	float: right;
}
dl#company_map dd.map_contact {
	margin-left: 30px;
}
dl#company_map dd.map_broad {
	margin: 25px 0px 0px 150px;
}
dl#company_map dd.map_broad a {
	padding: 4px;
	width: 4.5em;
	border: 1px solid #666666;
	background: #eeeeee;
	text-decoration: none;
}

ul#contents_list {
	position: relative;
	width: 470px;
	height: 390px;
	margin: 10px auto;
	background: url('../img/contents_top.jpg') no-repeat left top;
}
ul#contents_list li {
	display: block;
	position: absolute;
	width: 150px;
	height: 60px;
}
ul#contents_list li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
ul#contents_list li#con_broadband {
	top: 290px;
	left: 80px;
}
ul#contents_list li#con_alldenka {
	top: 115px;
	left: 290px;
}
ul#contents_list li#con_bestdenki {
	top: 76px;
	left: 25px;
}

ul#broadband_list {
	margin: 5px 0px 5px 20px;
}
ul#broadband_list li {
	padding: 10px 0px;
	background: url('../img/border2.png') no-repeat left top;
}

p.contents_p {
	padding: 0px 0px 15px 20px;
	font-size: 80%;
	line-height: 1.3;
}
ul.contents_ban {
	float: right;
	padding-left: 15px;
}
h4#broadband_list_head {
	padding-left: 20px;
}

p#catch_alldenka {
	padding: 5px 3px 0px 363px;
	width: 174px;
	height: 180px;
	background: url('../img/catch_alldenka.png') no-repeat top left;
	font-size: 65%;
	line-height: 1.2;
}
div#sub_alldenka h4 {
	padding-bottom: 4px;
	background: url('../img/border1.png') no-repeat left bottom;
}
div#sub_alldenka p {
	padding: 10px 20px 10px 20px;
	font-size: 80%;
	line-height: 1.3;
}
div#abouthappy h4 {
	height: 30px;
	background: url('../img/abouthappy.png') no-repeat left top;
	text-indent: -9999px;
}
div#abouthappy dl {
	margin: 10px 12px 10px 20px;
}
div#abouthappy dl dt {
	margin: 10px 0px 0px 0px;
	font-size: 90%;
	font-weight: bold;
}
div#abouthappy dl dd.catch {
	margin: -1.1em 0em 0em 6em;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}
div#abouthappy dl dd.catch em {
	color: #ff3333;
}
div#abouthappy dl dd.exp {
	margin: 3px 0em 0em 8em;
	font-size: 75%;
	line-height: 1.3;
}
div#promisehappy h4 {
	height: 30px;
	background: url('../img/promisehappy.png') no-repeat left top;
	text-indent: -9999px;
}
div#promisehappy p {
	margin: 10px;
	font-size: 75%;
	line-height: 1.4;
}
div#promisehappy dl {
	margin: 10px 10px 10px 40px;
}
div#promisehappy dl em {
	color: #ff3333;
}
div#promisehappy dl dt {
	margin: 6px 0px;
	padding: 3px;
	background: #eeeef9;
	font-size: 75%;
}
div#promisehappy dl dd {
	font-size: 70%;
	line-height: 1.3;
}
p#alldenka_post {
	text-align: center;
}
p#alldenka_post img {
	padding: 10px;
}

div.best_frame {
	float: left;
	padding: 10px 2px 10px 5px;
	width: 260px;
	height: 168px;
	background: url('../img/best_frame.png') no-repeat center top;
}
div.best_frame h4 {
	text-align: center;
}
div.best_frame p {
	padding: 20px 15px 4px 100px;
	height: 114px;
	font-size: 70%;
	line-height: 1.1;
}
div#best_to p {
	padding: 20px 13px 4px 10px;
	font-size: 65%;
}
div#best_card p {
	background: url('../img/best_card.png') no-repeat 15px 30px;
}
div#best_warranty p {
	background: url('../img/best_warranty.png') no-repeat 15px 30px;
}
div#best_repair p {
	background: url('../img/best_repair.png') no-repeat 15px 30px;
}
div#best_pc p {
	background: url('../img/best_pc.png') no-repeat 15px 30px;
}
div#best_recycle p {
	background: url('../img/best_recycle.png') no-repeat 15px 30px;
}

p.best_recycle {
	width: 500px;
	margin: 10px auto;
	font-size: 70%;
	line-height: 1.3;
}
p.best_recycle strong {
	font-weight: bold;
}
p.best_recycle img {
	float: left;
	padding: 10px 20px 50px 0px;
}

p#contents_top {
	text-align: center;
}

p.recruit_p_r,
p.recruit_p_l,
p.recruit_p {
	clear: both;
	overflow: auto;
	margin: 10px auto;
	padding: 10px;
	width: 450px;
	border: 1px solid #999999;
	background: #fffff6;
	font-size: 80%;
	line-height: 1.3;
}
p.recruit_p_r strong,
p.recruit_p_l strong {
	line-height: 2;
	font-size: 110%;
}
p.recruit_p_r img {
	float: right;
	padding-left: 15px;
}
p.recruit_p_l img {
	float: left;
	padding-right: 15px;
}

div.recruit_box {
	margin: 15px auto;
	width: 500px;
}
div.recruit_box h4 {
	padding: 4px 6px;
	background: #f3f3f9;
}
div.recruit_box table {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
	font-size: 80%;
}
div.recruit_box table th {
	padding: 4px;
	width: 8em;
	background: #eeeeee;
	border: 1px solid #999999;
}
div.recruit_box table td {
	padding: 4px 4px 4px 6px;
	border: 1px solid #999999;
	line-height: 1.2;
}
div.recruit_box p {
	padding-top: 10px;
	font-size: 85%;
}
div.recruit_box p a {
	display: block;
	margin: 0px auto;
	padding: 3px;
	width: 10em;
	border: 1px solid #666666;
	background: #f9f9f9;
	color: #000000;
	text-decoration: none;
	text-align: center;
	line-height: 1.2;
}


ul#sitemaplist {
	margin: 10px auto;
	padding: 20px;
	width: 420px;
	border: 1px solid #999999;
	font-size: 80%;
}
ul#sitemaplist li {
	padding: 5px 0px 5px 20px;
}


p.privacy_p {
	margin: 10px auto;
	width: 460px;
	font-size: 80%;
	line-height: 1.4;
}
ul.privacy_list {
	margin: 5px auto;
	width: 420px;
	font-size: 75%;
}
ul.privacy_list li {
	line-height: 1.3;
}


p.prv_p {
	font-size: 80%;
	text-align: center;
}
p.attention {
	margin: 10px;
	text-align: center;
	color: #ff3333;
}
table#prv {
	margin: 10px auto;
	width: 500px;
	border-collapse: collapse;
	font-size: 80%;
}
table#prv th {
	padding: 4px;
	width: 12em;
	background: #eeeeee;
	border: 2px solid #ffffff;
}
table#prv td {
	padding: 4px;
	border: 2px solid #ffffff;
}
table#prv td input,
table#prv td textarea {
	border: 1px solid #999999;
}
table#prv td input.radio {
	border: none;
}
input#sub {
	margin: 10px 0px 0px 300px;
	padding: 3px;
	border: 1px solid #999999;
}