﻿@charset "UTF-8";

/*========================================

	Smart Phone
	base.css

	[1] リンク設定
	[2] ヘッダー&フッターレイアウト
	[3] メインコンテンツレイアウト
	[4] フォームページ
	[5] 汎用クラス
	
========================================*/


/* ●[1] リンク設定-------------------- */

a:link,
a:visited{
	color:#ff7800;
}

/* ●[2] ヘッダー&フッターレイアウト------ */

html, body{
	-webkit-text-size-adjust: none;
}

body{
	width:100%;
	font-size:12px;
	line-height:1.28;
	color:#511516;
}

body,h1,h2{
	margin: 0;
	line-height:1;
}

h1{
	text-align:center;
	border-bottom:3px solid #fd6971;
}

.footer{
	background-color:#ff6969;
	text-align:center;
	padding:0.4em 0;
	margin:0;
}

/* ●[3] メインコンテンツレイアウト------- */

#wrapper {
	margin: 0 auto 10px auto;
	text-align:center;
}

.contents div{
	margin:6px 0 10px 0;
}

.bg{
	background:url(../img/bg.png) repeat-x;
	background-size:8px;
	-webkit-background-size: 8px 32px;
	-moz-background-size:  8px 32px;
	-o-background-size:  8px 32px;
	-ms-background-size:  8px 32px;
}

.main h2{
	background: url(../img/bg_main.png) repeat-x;
	background-size:15px;
	-webkit-background-size: 15px 249px;
	-moz-background-size: 15px 249px;
	-o-background-size: 15px 249px;
	-ms-background-size: 15px 249px;
}

.foot div{
	margin:0;
}
.foot div.mtb05{
	margin:5px 0;
}

.info div{
	border-top:2px solid #d2d2d2;
	padding:10px 0 0 0;
	margin-top:15px;
}

/* ●[4] フォームページ-------------------- */

.form_top{
	margin:10px 10px 0 10px;
	background-color:#e3100e;
	-webkit-border-top-left-radius: 2px;  
	-webkit-border-top-right-radius: 2px;  
	-moz-border-radius-topleft: 2px;  
	-moz-border-radius-topright: 2px;  
}

.form {
	background:#fff9f0 url(../img/bg_form.png) right 55px no-repeat;
	background-size:93px;
	-webkit-background-size: 93px 127px;
	-moz-background-size: 93px 127px;
	-o-background-size: 93px 127px;
	-ms-background-size: 93px 127px;
	padding:10px;
	margin:0 10px 10px 0px !important;
	text-align:left;
}

hr{
	border:1px solid #b5b5b5;
}

dl{
	border-bottom:2px dotted #c8c6c4;
	padding-bottom:10px;
	margin-bottom:10px;
}

dl dt{
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
}

dl dd{
	margin:0;
}

ul{
	margin:0;
	padding:0;
}
ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:1em;
	text-indent:-1em;
}
ul.list_nobr{
	margin-left:0;
}
ul.list_nobr li{
	margin:0 1em 0 0;
	text-indent:0;
	display:inline-block;
}

.border_no{
	border:none;
	border-bottom:2px solid #d5d5d5;
}

/* thanks.html */
.box{
	padding-bottom:100px;
	font-size:16px;
}

/* ●[5] 汎用クラス-------------------- */

img {
	zoom: 0.5;
	vertical-align:bottom;
	border:0;
	// -moz-transform:scale(0.5,0.5) translate(-160px,-160px);
	max-width:100%;height:auto;
}

input[type="image"]{
	zoom: 0.5;
}

.form span{
	color:#c73636;
	font-size:11px;
	vertical-align:middle;
	padding-left:3px;
}

.center{
	text-align:center;
}

.mt10{ margin-top:10px;}
.mtb05{ margin:5px 0;}
/* 2015.02.04 テキストボックスを見やすくする */
input.txtUpg {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
    height:40px;
    font-size:130%;
    vertical-align:middle;
}

textarea.taUpg {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
    height:80px;
    width:250px;
    font-size:130%;
    vertical-align:middle;
}

select.selUpg {
    height:45px;
    font-size:130%;
    vertical-align:middle;
}

#box {
    text-align:center;
}

#box img{
    zoom : normal;
}
/* 2015.02.04 テキストボックスを見やすくする */
