@charset "UTF-8";
/* CSS Document */

body {
	background:url("../images/common/bg_mobile.jpg") #333 top center repeat-x;
	font:14px/1.6em Arial, Helvetica, sans-serif;
}
body#delivery , body#mail , body#pin , body#download , body#project {
	background:url("../images/common/bg_mobile.jpg") #333 top center repeat-x;
}
body#top {
	background:url("../images/top/top_bg.jpg") #333 center -45px repeat-x;
}
.indexlink a {
	line-height:30px;
}
#base {
	width:100%;
	padding-bottom:0;
	overflow:hidden;
}
div.delivery_thum {
    border:0;
	width:100%;
    height:auto;
}
a:hover div.delivery_thum {
    border:0;
}
div.delivery_thum div {
	width:100%;
    height:auto;
    line-height:1em;
    display: block;
    margin:0;
}
div.delivery_thum img {
    max-width:100%;
    max-height:none;
    line-height:1em;
}
div.delivery_thum i {
	sisplay:none;
}
.delivery_right {
	float:none;
	width:auto;
}
.delivery_left {
	float:none;
}
.delivery_data dd {
	float:left;
	padding:0 0 0 5px;
	margin:0 0 7px 0;
	width:auto;
	line-height:22px;
	height:22px;
}
.delivery_intro {
	padding-top:0;
}
#mainbox {
	font-size:16px;
	line-height:20px;
}
#mainbox b {
	font-size:18px;
	line-height:22px;
}
.inputtext {
	font-size:14px;
	line-height:30px;
	margin:5px auto!important;
}
#delivery_address input.inputtext {
	width:85%;
	margin:5px auto!important;
}
body#mail #howtobox {
	background:url("../images/common/delivery_step2.png") #666 -153px 0px no-repeat;
}
body#pin #howtobox {
	background:url("../images/common/delivery_step3.png") #666 -358px 0px no-repeat;
}
body#pin #howtobox {
	background:url("../images/common/delivery_step4.png") #666 -563px 0px no-repeat;
}
body#delivery li#delivery_step2 , body#delivery li#delivery_step3 , body#delivery li#delivery_step4 {
	display:none;
}
body#mail li#delivery_step1 , body#mail li#delivery_step3 , body#mail li#delivery_step4 {
	display:none;
}
body#pin li#delivery_step1 , body#pin li#delivery_step2 , body#pin li#delivery_step4 {
	display:none;
}
body#download li#delivery_step1 , body#download li#delivery_step2 , body#download li#delivery_step3 {
	display:none;
}
#howtoboxdownload img {
	width:90%;
}
#helpbox b span {
	font-size:16px;
	line-height:27px;
}
#helpbox dt {
	font-size:14px;
	line-height:20px;
}
#help_link {
	width:auto;
}
#help_link li {
	margin:5px 0;
	width:auto;
	float:none;
	font-size:12px;
}
#help_link li a {
	font-size:14px;
	line-height:30px;
	height:30px;
}
.twobutton {
	width:auto;
}
.twobutton li {
	float:none;
	width:85%;
	margin:5px auto;
}
.button_back {
	width:auto;
	font-size:16px;
	line-height:48px;
	height:48px;
}
.button_top {
	width:auto;
	font-size:16px;
	line-height:48px;
	height:48px;
}
#page_title {
	background-position:top left;
	position:relative;
}
#contact #page_title {
	-moz-background-size:95% auto;
	background-size:95% auto;
}
#company #page_title {
	-moz-background-size:95% auto;
	background-size:95% auto;
}
#copyright #page_title {
	-moz-background-size:95% auto;
	background-size:95% auto;
}
#requirements #page_title {
	-moz-background-size:95% auto;
	background-size:95% auto;
}
#page_title h1 {
	font-size:15px;
	font-weight:normal;
	line-height:22px;
}
body#news #page_title h1 {
	left:0px;
}
body#about #page_title h1 {
	left:0px;
}
body#guide #page_title h1 {
	left:0px;
}
body#faq #page_title h1 {
	left:0px;
}
body#contact #page_title h1 {
	left:0px;
}
body#company #page_title h1 {
	left:0px;
}
body#service #page_title h1 {
	left:0px;
}
body#copyright #page_title h1 {
	left:0px;
}
body#policy #page_title h1 {
	left:0px;
}
body#requirements #page_title h1 {
	left:0px;
}
#pager_link {
	height:27px;
}
#pager ul {
	height:27px;
}
#pager ul li {
	margin:0 3px;
	width:27px;
	height:27px;
	font-size:16px;
	line-height:25px;
}
#pager ul li a {
	border:1px solid #CCC;
}
#pager ul li a:hover {
	border:1px solid #F93;
}
#pager ul li span {
	border:1px solid #666;
	text-align:center;
}
#pager ul li b {
	border:1px solid #F93;
}
h2 {
	font-size:20px;
	line-height:28px;
	color:#C30;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
	margin:0;
	padding:0;
}
#step_illust {
	margin:0 auto;
	width:180px;
}
#step_illust li {
	margin:0 0 5px 0;
	float:none;
}
.font12 {
	font-size:12px;
}
h3 {
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}

/*   2014.05.14 追加2　ここから   */

h2.big {
	font-size:24px;
	line-height:36px;
}
.dotbox {
	border:2px dotted #999;
	padding:15px 10px;
	font-size:14px;
	line-height:20px;
}
.dotbox b {
	font-size:18px;
	line-height:32px;
	padding-bottom:10px;
	letter-spacing:0;
}
.dotbox b span {
	font-size:14px;
	line-height:20px;
}

/*   2014.05.14 追加2　ここまで   */

/*   header   */

body#top #header {
	height:150px;
}
#header_menu_link {
	display:block;
	float:right;
	text-decoration:none;
	color:#000;
	background:url("../images/common/header_menu_link.png") left center no-repeat,-moz-linear-gradient(top, #FFF, #CCC);
	background:url("../images/common/header_menu_link.png") left center no-repeat,-webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	margin:5px 5px 0 0;
	padding:0 13px 0 30px;
	line-height:28px;
	border:1px solid #FFF;
	border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#header_navi {
	display:none;
}
body#top #top_header_logo {
	padding-top:80px;
	text-align:center;
}
#header_logo img {
	width:200px;
	margin:5px 0 0 10px;
	height:auto;
}
body#top #top_header_logo img {
	width:90%;
	height:auto;
}
div#bread_sns {
	display:none;
}

/*   footer   */

#footer_bg {
	height:auto;
	position:static;
}
#footer {
	width:100%;
	height:auto;
}
#footer_navi {
	position:static;
	height:auto;
}
#footer_navi li {
	position:static;
}
#footer_list dl {
	padding:14px 0 14px 20px;
}


/*   top   */

#news_list dt {
	float:none;
}
#news_list dd {
	float:none;
	width:100%;
	font-size:12px;
}
#news_list dl.news_important dd a {
	color:#FFF;
}
#top_delivery a {
	display:block;
	width:100%;
	margin:0 0 20px 0;
}
#top_delivery a span {
	display:block;
	margin-top:5px;
	padding-left:67px;
    height:auto;
	min-height:60px;
}

/*   project  derivery   */

#project_image {
	width:100%;
}
.delivery_data dt {
	clear:both;
	float:left;
	padding:0 5px;
	margin:0 0 7px 0;
	color:#CCC;
	background-color:none;
	width:auto;
	line-height:22px;
	height:22px;
	font-weight:bold;
}
.delivery_data dd {
	width:auto;
}
.delivery_list_link {
	padding:6px 20px 10px 41px;
}
.delivery_list_link a {
	width:auto;
	position:static;
	margin-top:10px;
}
#project_catch {
	padding-top:0;
}
#delivery_limit {
	font-size:16px;
	line-height:24px;
}
#pin_example img {
	width:85%;
}
#pin_code input.inputtext {
	width:85%;
	font-size:18px;
	line-height:30px;
	height:30px;
}
body#pin input.link_button1 {
	width:90%;
	margin:5px auto 0 auto;
}
#help_pin {
	display:none;
}
.download_list_right {
	display:none;
}
#download_list dt {
	float:none;
}
#download_list dd {
	padding:0 20px 10px 0;
	float:none;
	text-align:right;
}
.button_download {
	margin:0 10px;
}
#about_logo img {
	width:90%;
}
body#guide .section img {
	width:90%;
}
#faq_list {
	padding:5px 0 25px 12px;
	margin:0;
}
#faq_list dt {
	padding-top:20px;
}
#faq_list dd {
	float:none;
	padding-top:20px;
}
#faq_list dd br {
	display:inline;
}
#faq .section img {
	width:95%;
}
#contact_form th {
	display:none;
}
#contact_form td span {
	display:block;
}
#contact .inputtext {
	width:95%;
	font-size:12px;
}
#contact .textFocus {
	font-size:14px;
}
#contact #captcha_captcha_validation {
	width:170px;
}
#message {
	width:95%;
	font-size:12px;
}
#contact .link_button2 {
	margin:0 auto 16px auto;
}
.minict_wrapper {
	width:100%;
}
.minict_wrapper:after {
	width:100%;
}
.minict_wrapper input {
	font-size:12px;
}
.minict_wrapper ul li {
	font-size:12px;
}
.minict_wrapper ul li.minict_empty {
	font-size:12px;
}
#project img {
	max-width:100%;
	height:auto;
}
#service .section img {
	max-width:100%;
	height:auto;
}

#contact_form td div {
	width:auto;
}