@charset "utf-8";
@import url("./global.css");

/* =====================================================================
	header
====================================================================== */

body#whole div#header,
body#free div#header {
	margin : 5px 0 0 0;
	background : #ffffff url(../img/icon/accessory/whole.gif) repeat-x bottom;
	height : 129px;
}

/* =====================================================================
	shell
====================================================================== */

body#whole div#contents,
body#whole div#utilities {
	margin : 15px 0 0 0;
}
div#contents {
position:relative;
}
body#whole div#contents {
	width : 790px;
}
body#login div#shell,
body#error div#shell,
body#attestation div#shell,
body#free div#shell {
	width : 800px;
}
body#login ul.topic_path,
body#error ul.topic_path,
body#attestation ul.topic_path,
body#free ul.topic_path {
	margin : 5px auto 10px auto;
	width : 960px;
	text-align : left;
}
*html body#login ul.topic_path,
*html body#error ul.topic_path,
*html body#attestation ul.topic_path,
*html body#free ul.topic_path {
	width : 1000px;
}

/* ___________________________________________________________ whole */

body#whole div.information dl{
	margin : 0 0 5px 0;
	font-size : 12px;
}

*html body#whole div.information dl,
*+html body#whole div.information dl{
	margin : 0 0 7px 0;
	font-size : 12px;
}


body#whole div#contents h3 {
	margin : 0 0 10px 0;
	font-size : 12px;
}
body#whole div.information h3 {
	position : relative;
	background : url(../img/icon/contents/dl/whole.gif) no-repeat;
	font-weight : normal;
	text-indent : 10px;
}
body#whole div.information h3 span {
	position : absolute;
	top : 5px;
	right : 10px;
	margin : 0 0 0 20px;
}
body#whole div.information dl {
	background : url(../img/icon/contents/dl/whole.gif) no-repeat;
}

body#whole p#map {
	float : left;
	width : 595px;
	height : 438px;
}
body#whole div.information {
	float : right;
	width : 365px;
}
body#whole div.summary {
	padding : 10px 0 5px 10px;
}
div.information div.effect {
	margin : 0;
	padding : 0 5px 0 10px;
	background : #f5faff url(../img/icon/accessory/section/blue_365.gif) no-repeat bottom;
}
*+html>/**/body div.information div.effect ul li {
	padding : 2px 0;
}
body#whole div#contents div.summary {
	background : #f5faff;
}
body#whole div#shell div.effect {
	height : 100%;
}
body#whole div#shell div.effect hr {
	display : block;
	margin : -15px 0 0 0;
	height : 5px;
}
body#whole div#shell div.effect div.section {
	float : left;
	margin : 5px 0 0 0;
	width : 175px;
	height : 54px;
}

*+html body#whole div#shell div.effect div.section {
	height : 54px;
}
*+html>/**/body#whole div#shell div.effect div.section {
	height : 53px;
}
body#whole div#shell div.effect div.section p {
	display : inline;
	padding : 3px 0 0 0;
	color : #3366cc;
	line-height : 1.5;
}
body#whole div#shell div.effect div.section p a {
	text-decoration : underline;
}
/* ___________________________________________________________ login, attestation */

body#login div#shell h3,
body#attestation div#shell h3 {
	background : url(../img/icon/contents/headline/attestation.gif) no-repeat;
	text-align : left;
}
body#error div#shell h3 {
	background : url(../img/icon/contents/headline/error.gif) no-repeat;
}
body#attestation div#shell div.finished h3 {
	background : url(../img/icon/contents/headline/caption_800.gif) no-repeat;
}
body#free div#shell h3 {
	background : url(../img/icon/contents/headline/caption_800.gif) no-repeat;
}

body#login div#ad,
body#login div#entrance {
	margin : 30px 0 0 0;
}
body#login div#ad {
	float : left;
	background : url(../img/icon/accessory/login/ad.jpg) no-repeat 0 49px;
	width : 400px;
}
body#free div#shell div.section {
	margin : 15px 0 0 0;
}
body#free div#shell div.section p {
	margin : 2px 0 0 0;
	line-height : 1.3;
}
body#login div#ad p#tips,
body#login div#ad p#regist {
	overflow : hidden;
	padding : 0;
}
body#login div#ad p#tips a,
body#login div#ad p#regist a {
	display : block;
}
body#login div#ad p#tips {
	margin : 476px 0 25px 25px;
	background : url(../img/icon/accessory/login/tips.gif);
	width : 360px;
	height : 32px;
}
body#login div#ad p#tips a {
	padding : 32px 0 0 0;
	width : 360px;
	height : 32px;
}
body#login div#ad p#regist {
	margin : 0 0 0 100px;
	background : url(../img/icon/utilities/banner/member.gif);
	width : 200px;
	height : 49px;
}
body#login div#ad p#regist a {
	padding : 49px 0 0 0;
	width : 200px;
	height : 49px;
}

body#login div#entrance {
	margin : 30px 0 0 427px;
	background : url(../img/icon/accessory/login/background.gif) no-repeat;
	height : 415px;
}

body#login div#entrance h4,
body#attestation div#shell h4 {
	color : #ffffff;
}
body#login div#entrance h4 {
	text-indent : 15px;
	line-height : 35px;
	height : 30px;
}
body#login div#entrance p#escort {
	margin : 20px 0 0 125px;
}
body#login div#entrance fieldset.unit {
	margin : 35px 0 0 50px;
}
body#login div#entrance fieldset.unit label {
	display : block;
	float : left;
	padding : 3px 0;
	width : 75px;
}
body#login div#entrance fieldset.option {
	margin : 20px 0 30px 125px;
}
body#attestation div#shell h4 {
	margin : 0 1px;
	padding : 6px 0;
	background : #9eb4c6;
	border-top : 1px solid #eff8ff;
	text-indent : 10px;
}
body#attestation div#shell p {
	margin : 10px;
}
body#attestation div#shell p#escort {
	margin : 3px 0;
	text-align : right;
	width : 700px;
}
body#login div#shell p.submit,
body#attestation div#shell p.submit {
	margin : 10px 0;
	text-align : center;
}
body#attestation div#shell fieldset p {
	margin : 0;
	text-align : right;
}

body#attestation div#shell form {
	margin : 10px 100px 0 100px;
	padding : 0;
	border : 1px solid #9eb4c6;
}
body#attestation div#shell.reminder form {
	margin : 10px 100px 0 100px;
	padding : 0;
	border : none;
}
body#attestation div#shell.reminder div#pwd {
	margin : 10px 0 20px 205px;
	background : #ecf1f7;
	border : 1px solid #9eb4c6;
	width : 395px;
}

body#attestation div#shell.finished {
	text-align : center;
}
body#attestation div#shell.finished div.note {
	margin : 20px auto;
	padding : 20px;
	background : #ecf1f7;
	border : 1px solid #9eb4c6;
	text-align : left;
	width : 75%;
}
body#attestation div#shell.reminder p {
	margin : 15px 0 20px 260px;
}
body#attestation div#shell.reminder div#pwd p {
	margin : 0 0 0 60px;
	padding : 15px 0 0 0;
}
body#attestation div#shell.reminder div#pwd dl {
	margin : 10px 0 0 60px;
	padding : 0 0 15px 0;
}
body#attestation div#shell.reminder div#pwd dt {
	clear : both;
	float : left;
	padding : 3px 0;
	width : 90px;
}
body#attestation div#shell.reminder div#pwd dd {
	margin : 0 0 0 90px;
	padding : 3px 0;
}
body#attestation div#shell.reminder p.submit {
	margin : 0;
}
body#attestation div#shell fieldset {
	margin : 10px 160px;
}
body#attestation div#shell fieldset input {
	border : 1px solid #6699ce;
}
body#attestation div#shell fieldset p.submit input {
	border : none;
}
body#attestation div#shell fieldset#reminder {
	margin : 10px 140px;
}
body#attestation div#shell label {
	display : block;
	float : left;
	width : 80px;
}
body#attestation div#shell fieldset#reminder label {
	width : 120px;
}
body#attestation div#shell input#user,
body#attestation div#shell input#pass,
body#attestation div#shell input#email {
	margin : 0 0 5px 0;
	padding : 2px;
	width : 190px;
}

body#attestation div#shell input.submit {
	background : url(../img/icon/accessory/button/button.gif) no-repeat;
}

/* =====================================================================
	contents
====================================================================== */

/* ___________________________________________________________ whole */

body#whole div#contents h3 {
	margin : 0 0 0 30px;
	background : url(../img/icon/contents/headline/new_760.gif) no-repeat;
}
body#whole div#contents h4 {
	position : relative;
	margin : 10px 0 0 0;
	background : url(../img/icon/contents/headline/info.gif) no-repeat right;
	color : #ffffff;
	font-weight : bold;
	text-indent : 47px;
	line-height : 26px;
	height : 26px;
}
body#whole div#contents h4 a {
	line-height : 26px;
	color : #ffffff;
	font-weight : bold;
}
body#whole div#contents div.summary h5 a {
	font-weight : bold;
}

body#whole div#contents div.column {
	margin : 0 0 0 30px;
	width : 365px;
}
*html body#whole div#contents div.column {
	margin : 0;
	padding : 0 0 0 30px;
	width : 395px;
}
*html body#whole div.summary p.thumbsnail {
	margin : 0 5px 0 0;
}
/* ___________________________________________________________ table */

body#whole div#contents div.column table {
	width : 350px;
}

body#whole div#contents div.column table td {
	vertical-align : top;
}
body#whole div#contents div.column table td.shop_name {
	vertical-align : bottom;
}
body#whole div#contents div.column table td.thumbsnail {
	padding : 0 5px 0 0;
	width : 80px;
}

body#whole div#contents div.column td.date,
body#whole div#contents div.column p.navi {
	margin : 0 5px 0 0;
	text-align : right;
}
body#whole div#contents div.column td.shop_navi {
	line-height : 1.1;
}
/* ___________________________________________________________ object data */

body#list div.section {
	margin : 0;
	font-size : 1.2em;
	text-align : left;
	width : auto;
}
body#list ul {
	margin : 0;
	width : 98%;
}
body#list ul li {
	margin : 0 2px;
	padding : 3px 0;
	background : transparent;
	border-bottom : 1px solid #9eb4c6;
	line-height : 1.2;
}
body#list ul li img {
	margin : 0 0 0 3px;
	vertical-align : middle;
}

/* =====================================================================
	utilities
====================================================================== */

body#whole div#utilities h3 {
	background : url(../img/icon/utilities/headline/recommend.gif) no-repeat;
	text-align : left;
}
body#whole div#utilities div.mobile h3 {
	background : url(../img/icon/utilities/headline/mobile.gif) no-repeat;
}
body#whole div#utilities div.recruit h4 {
	margin : 0 0 3px 0;
	color : #f96ca2;
	font-weight : bold;
	text-align : center;
}
body#whole div#utilities div.recruit p {
	padding : 5px 0;
	font-size : 11px;
}
*html body#whole div#utilities div.recruit p {
	line-height : 1.5;
	font-size : 9px;
}
*+html body#whole div#utilities div.recruit p {
	line-height : 1.5;
	font-size : 9px;
}
*+html>/**/body#whole div#utilities div.recruit p {
	font-size : 11px;
}

/* =====================================================================
	footer
====================================================================== */


/* =================================================================== */

div#contents div.mobile_info1 {
	margin : 0 0 20px 0;
	position:relative;
	height:490px;
}
div#contents div.mobile_info2 {
	margin : 0 0 20px 0;
	position:relative;
}
div#contents h3 {
	background : url(../img/icon/contents/headline/mobile_495.gif) no-repeat;
}
div.parts_top{
position:absolute;
top:46px;
left:0;
width:261px;
height:87px;
}

div.parts_left{
position:absolute;
top:133px;
left:0;
width:25px;
height:287px;
}

div.parts_right{
position:absolute;
top:133px;
left:236px;
width:25px;
height:287px;
}

div.parts_bottom{
position:absolute;
top:420px;
left:0;
width:261px;
height:66px;
}

div.keitai_frame{
position:absolute;
top:133px;
left:25px;
width:211px;
height:287px;
}

div.keitai_explain_1{
position:absolute;
top:46px;
left:281px;
width:209px;
height:65px;
}

div.keitai_explain_2{
position:absolute;
top:121px;
left:281px;
width:209px;
height:100px;
}

div.parts_gps{
position:absolute;
top:296px;
left:261px;
width:229px;
height:100px;
}
div#contents div.tenso1 h4 {
	margin : 20px 0 -20px 0;
	background : url(../img/icon/contents/headline/topic.gif) no-repeat;
	height : 26px;
	line-height : 26px;
	color : #ffffff;
	text-indent : 45px;
	font-weight:bold;
}
div#contents div.qr {
	width : 495px;
	height:160px;
	padding:20px 0 0 0;
}
*html div#contents div.qr {
	width : 495px;
	height:170px;
	padding:20px 0 0 0;
}
div#contents div.thumbnail {
	width : 120px;
	padding:0 0 0 10px;
}