@charset "utf-8";

/*-----------------------------------------------
__CSS infromation

Site URL:	http://taiyahokan.jp/
Summary:	仙台タイヤ保管サービス｜スマイルモータース株式会社
Created:		2014-09-22
Last update:	2014-09-22
Author:			webpalco_iwatsuki

Order of description

-Search Key"__"+"id Name of Class Name"

/__YUI
/__Structure Module
/__text Module
/__Hypertext Module
/__wrapper				(div#wrapper)
/__header				(header)
/__article				(article)
/__side_bar				(div#side_bar)
/__footer				(footer)

----------------------------------------------*/

/*------------------------------------------------- 
__YUI 3.17.2 (build 9c3c78e)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
------------------------------------------------- */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* html5_plus iwatuski_ver1.1_20131117 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{
	margin:0;padding:0;
	display:block;
}

/*------------------------------------------------- 
__Structure Module
 -------------------------------------------------*/

html{
	font-size: 75%;/* 16px*75%=12px */
	line-height: 1.5;
}

/* レスポンシブ対応 */
@media screen and(min-width:768px){
html{font-size: 87.5%;/* 14px/16px */}}

@media screen and(min-width:1024px){
html{
	font-size: 100%;/* 16px */
}
}

@media screen and (max-device-width: 568px) {
html{
	-webkit-text-size-adjust: none; /* iPhone */
	line-height: 1.4; 
}
}

@media screen and (max-device-width: 480px) {
html{
	-webkit-text-size-adjust: none; /* iPhone */
	line-height: 1.5; 
}
}

body {
	width: 100%;
	height: 100%;
	background: #FFF;
	position: relative;
	color: #000;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo','メイリオ', sans-serif;
	/* スマホのみ対応の場合 *//*font-family:Verdana,sans-serif;*/
	text-align: center;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background-image: url(img/footer_bk.png);
	background-position:bottom center;
	background-repeat: repeat-x;
}

背景可変サンプル
body.bk {
}

select,input,button,textarea,button {
	font: 99% arial,helvetica,clean,sans-serif;
}

table {
	font-size: inherit; /* モダンブラウザ用 */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%; /* Win IE全般用 */
	line-height: 100%;
}

/* レスポンシブ用 */
/* 厳密禁則処理 */
p,li,dt,dd,th,td,ore{
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-vreak: break-strict;
	word-vreak: break-strict;
}

/* モダンブラウザ Fluid Image */
img,iframe,object {
	max-width:100%;
	max-height: auto;
	height:auto;
	vertical-align: middle;
}
/*IE7用 */
ie7 img,ie7 object/ {
	width:100%;
}
/*IE8用 */
ie8 img,ie8 object {
	width:auto9;
}

/* 画像ソリッド化 */
img.crisp-edges {
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}

/*-----------------------------------------------
__clearfix
----------------------------------------------*/

/* clearfix */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.clear {
	clear: both;
}

/*-----------------------------------------------
__text Module
----------------------------------------------*/

/* フォント換算 http://drewish.com/tools/vertical-rhythm/*/

h1{
	font-size: 3em;/* 48px */
	line-height: 1;/* 48px */
	margin-bottom: 0.5em;
}

h2{
	font-size: 2.25em;/* 36px */
	line-height: 1.33333;/* 48px */
	margin-bottom:  0.66667em;
}

h3{
	font-size: 1.5em;/* 24px */
	line-height: 1;/* 48px */
	margin-bottom: 1.0em;
}

hgroup h2,h4,h5,h6{
	font-size: 1em;/* 16px */
	line-height: 1.5;/* 24px */
	margin-bottom: 1.5em;
}

strong {
	font-weight: bolder;
}

.font_bold{
	font-weight: bold;
}

.font_bold_red{
	font-weight: bold;
	color: #EA3B1B;
}

img {
	vertical-align: top;
}

/ *12pxフォント換算 * /
.text10 { font-size:83%; }
.text11 { font-size:91.7%; }
.text12 { font-size:100%; }
.text13 { font-size:108%; }
.text14 { font-size:116%; }
.text15 { font-size:125%; }
.text16 { font-size:133%; }
.text17 { font-size:141.7%; }
.text18 { font-size:150%; }
.text19 { font-size:158.3%; }
.text20 { font-size:166.7%; }
.text21 { font-size:175%; }
.text22 { font-size:183%; }
.text23 { font-size:191%; }
.text24 { font-size:200%; }
.text25 { font-size:208%; }
.text26 { font-size:216%; }

/*-----------------------------------------------
__Hypertext Module
----------------------------------------------*/

a:link {
	color: #0099CC;
}

a:visited {
	color: #0099cc;
}

a:hover {
	color: #BBB;
	text-decoration: none;
}

a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);/* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";/* ie 8 */
	-moz-opacity:0.7;/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;/* Safari 1.x */
	zoom:1;
}

iframe{
	border: none;
}

/*-----------------------------------------------
__wrapper
----------------------------------------------*/
/*#wrapper {
	margin: 0 auto;
	height: 1%;
	text-align: left;
}
*/
#wrapper {
	margin: 0 auto;
	width: 100%;
	height: 1%;
	text-align: left;
	background-image:url(img/header_bk.jpg);
	background-repeat: repeat-x;
}

#wrapper.bk {
	max-width: 93.75%;/* 960px/1024px */
	min-height:2000px;
	background-image: url(img/wrapper_bk.png);
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}

/*-----------------------------------------------
__header
----------------------------------------------*/

header{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 960px
}

header p.description{
	margin-bottom: 10px;
	padding:5px 10px;
	font-size: 83%;
	color: #FFF;
}

header section p.header_contact{
	margin-right: 10px;
	float: right;
}

header section{
	width: 960px;
	margin-bottom: 10px;
	padding: 0 10px;
}

header section p.subtitle{
	float: left;
}

header section h1{
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

header section h1 span{
	visibility: hidden;
}

header div.contents{
	clear: left;
}

header div.contents p.text{
	text-align: center;
	font-size: 166.7%;
	font-weight: bold;
}

header div.contents p.text span{
	color:#128C2C;
}

p.contact{
	margin-left: 50px;
	margin-bottom: 40px;
	width:860px;
	height:184px;
	background-image: url(img/contact_bk2.jpg);
}

p.contact img{
	position: relative;
	top: 75px;
	left:25px;
}

/*-----------------------------------------------
__article
----------------------------------------------*/

article {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 960px
}

article section.osusume h1{
	margin-bottom: 0;
}

article section.osusume ul{
	width:960px;
	height: 560px;
	background-image: url(img/contents_osusume_bkimg.jpg);
	background-repeat: no-repeat;
	position: relative;
}

article section.osusume li{
	position: absolute;
	font-size: 116%;
}

article section.osusume li.pt1{
	top:110px;
	left: 225px;
	width: 231px;
}

article section.osusume li.pt2{
	top:148px;
	left: 650px;
	width:270px;
}

article section.osusume li.pt3{
	top:410px;
	left: 190px;
	width: 257px;
}

article section.osusume li.pt4{
	top:420px;
	left: 505px;
	width: 439px;
	font-size: 100%;
}

article section.flow ul{
	width: 964px;
	background-repeat: no-repeat;
}

article section.flow ul.step1{
	height: 186px;
	background-image: url(img/contents_flow_bkimg_step1.jpg);
}

article section.flow ul.step2{
	height: 183px;
	background-image: url(img/contents_flow_bkimg_step2.jpg);
}

article section.flow ul.step3{
	height: 343px;
	background-image: url(img/contents_flow_bkimg_step3.jpg);
}

article section.flow ul.step4{
	height: 224px;
	background-image: url(img/contents_flow_bkimg_step4.jpg);
}

article section.flow ul li,
article section.question ul li{
	position: relative;
}

article section.flow ul li.left{
	width: 340px;
	float: left;
	font-size: 216%;
	color: #1B8C41;
	font-weight: bold;
	top:80px;
	left: 50px;
}

article section.flow ul li.right{
	float: left;
	font-size: 125%;
	top:70px;
	left: 90px;
}

article section.flow ul.step1 li.right{
}

article section.flow ul.step2 li.right{
	top:80px;
}

article section.flow ul.step3 li.right{
	width: 500px;
	top:80px;
}

article section.flow ul.step4 li.left{
	top:100px;
}

article section.flow ul.step4 li.right{
	width: 500px;
	top:50px;
}

article section.flow ul.step4 li.right span.text10{
	font-size: 70%;
}

article section.fee ul li{
	width: 960px;
	background-repeat:no-repeat;
}

article section.fee ul li.lt01 img{
	position: relative;
	top: 122px;
	left:410px;
}

article section.fee ul li.lt02 img,
article section.fee ul li.lt03 img,
article section.fee ul li.lt04 img{
	position: relative;
	top: 110px;
	left:410px;
}

article section.fee ul li.lt01{
	height:276px;
	background-image:url(img/contents_fee_img01.jpg);
}

article section.fee ul li.lt02{
	height:262px;
	background-image:url(img/contents_fee_img02.jpg);
}

article section.fee ul li.lt03{
	height:262px;
	background-image:url(img/contents_fee_img03.jpg);
}

article section.fee ul li.lt04{
	height:269px;
	background-image:url(img/contents_fee_img04.jpg);
}

article section.fee ul li.lt05{
	height:550px;
	background-image:url(img/contents_flow_bkimg_step4a.jpg);
}

article section.fee ul li.lt05 img{
	position: relative;
	
	
	left:35px;
}

article section.question ul{
	margin-bottom: 20px;
	width: 964px;
	height: 152px;
	background-repeat: no-repeat;
}

article section.question ul.q1{
	background-image: url(img/contents_question_bkimg_q1.jpg);
}

article section.question ul.q2{
	background-image: url(img/contents_question_bkimg_q2.jpg);
}

article section.question ul.q3{
	background-image: url(img/contents_question_bkimg_q3.jpg);
}

article section.question ul.q4{
	background-image: url(img/contents_question_bkimg_q4.jpg);
}

article section.question ul.q5{
	background-image: url(img/contents_question_bkimg_q5.jpg);
}

article section.question ul.q6{
	background-image: url(img/contents_question_bkimg_q6.jpg);
}

article section.question ul.q7{
	background-image: url(img/contents_question_bkimg_q7.jpg);
	height: 246px;
}

article section.question ul li.left{
	width: 340px;
	float: left;
	font-size: 150%;
	color: #1B8C41;
	font-weight: bold;
	top:84px;
	left: 60px;
}

article section.question ul.q3 li.left,
article section.question ul.q4 li.left,
article section.question ul.q5 li.left{
	top:74px;
}

article section.question ul.q7 li.left{
	top:135px;
}

article section.question ul li.right{
	width: 480px;
	float: left;
	font-size: 116%;
	top:70px;
	left: 120px;
	font-weight: bold;
	color: #EA3B1B;
}

article section.question ul.q1 li.right,
article section.question ul.q4 li.right{
	top:90px;
}

article section.contact p.tel,
article section.contact h2{
	text-align: center;
}

article section.contact iframe{
	overflow: hidden;
	width: 960px;
	height: 830px;
}

article section.contact h2{
	width: 960px;
	text-align: center;
	font-size: 166.7%;
	color: #ABC705;
	border-bottom: 1px solid #ABC705;
}

article section.contact ul{
	margin-bottom: 30px;
	padding: 0 10px;
}

article section.contact ul li{
	margin-bottom: 30px;
}

article section.map_info h1{
	margin-bottom: 30px;
}

article section.map_info img{
	display: block;
	margin: 0 auto;
}

article section.map_info img.mag0{
	margin:0;
}

article section.map_info div.googlemap{
	margin-bottom: 20px;
	clear: left;
	width: 960px;
	height: 400px;
	border: 1px solid #EEE;
}

article section.map_info .googlemap iframe {
	padding: 1%;
	width: 98%;
	height: 95%;
}

article section.map_info ul{
	position:relative;
	margin-bottom: 20px;
	width: 960px;
	height: 111px;
	background-image: url(img/contents_map_info_bkimg_tel.jpg);
	background-repeat: no-repeat;
}

article section.map_info ul li.address{
	position: absolute;
	top: 28px;
	left: 450px;
}

article section.map_info ul li.link{
	position: absolute;
	top: 45px;
	left: 720px;
	float: left;
}

/*-----------------------------------------------
__footer
----------------------------------------------*/

footer{
	padding-top: 15px;
	padding-left: 20px;
	clear: left;
	margin: 0 auto;
	width: 940px;
	height: 130px;
}

footer p.description{
	margin-bottom: 5px;
	font-weight: bold;
}


footer h1,footer ul{
	float: left;
}

footer h1,footer h1{
	margin-right: 20px;
}

footer ul{
	margin-top: -10px;
	margin-right: 20px;
}

footer aside{
	margin-right: 20px;
	float: right;
}

footer p.cr {
	clear: both;
	margin-top: 8px;
	text-align: right;
	font-size: 91.6667%;
	color: #999;
}