@charset "Shift_JIS";
/**********************************************************************
iPad Repair store【iPad宅配修理専門店】
共通CSS
[ css/style.css ]
灰色：CDCDCD
オレンジー：FFA309
**********************************************************************/

/* 初期化
========================================== */
body {
	background-image: url(../image/head_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #ffffff;
	font-family: Verdana, Helvetica, 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', osaka, sans-serif;
	color: #333333;
	font-size: 12px;
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6以下 */
	line-height: 170%;
	*line-height: 160%; /* IE 7向け */
	margin: 0;
	padding: 0;
	text-align: center;
	}
html,body,div,ul,li,h1,h2,h3,h4,h5,p,hr,th,td,dl,dt,dd {
	margin: 0;
	padding: 0;
	}
h1,h2,h3,h4,h5 {
	font-size: 100%;
	font-weight: normal;
	}
img { 
    border: 0;
	}
ul,dl {
	list-style-type: none;
	list-style-position: outside;
	}
a img,:link img,:visited img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
a:link, a:visited {
	color: #FFA309;
	text-decoration: none;
	}
a:hover, a:active { 
	color: #FFA309;
	text-decoration: underline;
	}
.FloatEnd {clear:both;}
/*フレーム
========================================== */
#wrap { 
	width: 920px; 
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
div.main {
/*border-style : dashed;*/
width : 100%;
} 
div.main div.contents{
/*border-style : dashed;*/
width : 635px;
float : left;
}
div.main div.subspace {
/*border-style : dashed;*/
float : right;
width : 250px;
margin: 10px 0 0 0 ;
}

/*ヘッダー
========================================== */
#header {
	width: 900px; 
	height: 100px; 
	margin: 10px 0 5px 0px;
	padding: 0;
	}
#header .right{
	margin: 0px 0 0px 250px;
	}
#header .logo{
	margin: 30px 0 0px 0px;
	}
	/*	グローバルナビ
		 * ------------------------------------- */
		#globalnavi {
			width: 900px;
			height: 62px; 
			padding: 0px;
			}
			/* 横並び*/
		#globalnavi li { 
			margin: 0px;
			padding: 0px;
			display : inline; 
			}
/*	コンテンツ
========================================== */
	/*	トップページ
	========================================== */
#topimg{
	height: 200px;
	margin: 5px 0 0px 0px; }
div.title {
	background-image: url(../image/title_bg01.gif);
	background-repeat: no-repeat;
	width: 635px;
	height: 27px;
	padding: 8px;
	font-size: 14px;
	font-weight: bolder;
	margin: 10px 0 0px 0px;
		}
      /*	トップページ　トラブル事例
		 * ------------------------------------- */
		div.trablebox{
			width: 634px;
			margin: 0px;
			padding-bottom:15px;
			}
		div.trablebox div.top{
			height: 50px;
			}
		div.trablebox div.mid{
			height: 170px;
			background-image: url(../image/request_bg.gif);
			background-repeat: repeat-y;
			}
		div.trablebox div.mid div.img{
			float : left;
			width : 15%;
			margin: 10px 0px 0px 15px;
			}
		div.trablebox div.mid div.txt{
			float : right;
			width : 70%;
			margin: 10px 25px 0px 0px;
			}
		div.trablebox div.bottom{
			height: 17px;
			margin: 0px 0px 10px 0px;
			background-image: url(../image/request_bottom.gif);
			background-repeat: no-repeat;
			}
		.hukentitle{
			font-weight: bolder;
			color: #FFFFFF;
			background-color: #666666;
			}

	/*	トラブル事例と修理料金
    ========================================== */
				#trablebox {
/*					background-image: url(../trable/images/trablemenu_bg.gif);
					background-repeat: no-repeat;*/
					width: 610px;
					height: 260px;
					margin: 20px 0;
					padding: 8px;
					}
	/*	faq
	========================================== */
	#titleimg{
		margin: 10px 0 0px 0px; }
	.textbox	{
		margin: 10px 0 0px 20px; }
	div.faqlist	{
		width: 620px;
		margin: 10px 0 0px 0px; 
	}
		div.faqlist div.listleft{
			float : left;
			margin: 0px 0 10px 0px; 
			}
		div.faqlist div.listright{
			float : right;
			margin: 0px 0 10px 0px; 
			}
		div.faqlisttop{
			width: 305px;
			height: 50px;
			}
		div.faqlistmid{
			width: 305px;
			background-image: url(../image/halfbox_bg.gif);
			background-repeat: repeat-y;
			padding-top:10px}
		div.faqlistbottom{
			background-image: url(../image/halfbox_bottom.gif);
			background-repeat: repeat-y;
			width: 305px;
			height: 15px;
			}
				/*	リスト
				 * ------------------------------------- */
				/* 円 */
				ul#circle {
					list-style-type: none;}
				ul#circle li.circle {
					background-image: url(../image/circle.gif);
					background-repeat: no-repeat;
					background-position: left 3px;
					margin: 0px 5px 5px 15px;
					padding-left: 20px;
					}
				/* 矢印 */
				ul#arrow {
					list-style-type: none;
					}
				ul#arrow li.arrow {
					background-image: url(../image/arrow.gif);
					background-repeat: no-repeat;
					background-position: left 10px;
					margin: 0;
					padding-left: 15px;
					}
				/*	FAQ
				 * ------------------------------------- */
				#faqbox {
					background-color: #F5F5F5;
					width: 600px;
					margin: 0 5px 10px 5px;
					padding: 0;
					}
				ul.faq {
					list-style-type: none;
					padding: 10px 15px 10px 10px;
					}
				ul.faq li.q {
					background-image: url(../faq/images/icon_q.gif);
					background-repeat: no-repeat;
					background-position: 0 5px;
					font-size: 15px;
					*font-size: medium; /* IE 7向け */
					*font: small; /* IE 6以下 */
					font-weight: bold;
					margin: 0;
					padding: 13px 0 10px 50px;
					}
				* html ul.faq li.q {padding: 15px 0 10px 50px;} /* this is a hack for IE */
				ul.faq li.dotted {
					background-image: url(../faq/images/dotted.gif);
					background-repeat: no-repeat;
					background-position: 5px;
					margin: 0;
					padding: 5px 0;
					}
				* html ul#faq li.dotted {padding: 0;} /* this is a hack for IE */
				ul.faq li.a {
					background-image: url(../faq/images/icon_a.gif);
					background-repeat: no-repeat;
					background-position: 0 5px;
					margin: 0;
					padding: 10px 0 10px 50px;
					}
				#top {
					margin: 0;
					padding: 5px 15px 15px 0;
					text-align: right;
					}

				/*	このページの先頭へ
				 * ------------------------------------- */
				#page_top {
					margin: 0;
					padding: 25px 15px 25px 0;
					text-align: right;
					}
	/*	修理の流れ
    ========================================== */
		div.linebox{
			border: 1px solid #CCCCCC;
			margin: 10px 0px 0px 0px;
			padding: 0;
			width: 634px;
			}
		div.linebox div.txt{
			float : left;
			width : 75%;
			margin: 10px 0px 15px 8px;
			}
     		div.linebox div.img{
			float : right;
			width : 16%;
			margin: 4% 12px 4% 0%;

		}
		.flowtitle{
			margin: 0px 0px 0px 55px;
			}

		.flowarrow{
			margin: -10px 0px 0px 0px;
			background-image: url(../flow/images/arrow.gif);
			background-repeat: no-repeat;
			background-position: 50% 50%;
			height: 44px;
			}
	/*	会社情報
    ========================================== */
		#tablebox {
					border-top: 1px solid #CCCCCC;
					border-left: 1px solid #CCCCCC;
					margin: 30px 5px 0 5px;
					padding: 0;
					}
		#tablebox td.gray {
					background-color: #F5F5F5;
					border-right: 1px solid #CCCCCC;
					border-bottom: 1px solid #CCCCCC;
					margin: 0;
					padding: 15px 10px;
					}
				#tablebox td.gray_s {
					background-color: #F5F5F5;
					border-right: 1px solid #CCCCCC;
					border-bottom: 1px solid #CCCCCC;
					font-size: 10px;
					*font-size: x-small; /* IE 7向け */
					*font: xx-small; /* IE 6以下 */
					margin: 0;
					padding: 15px 10px;
					}
				#tablebox td.white {
					border-right: 1px solid #CCCCCC;
					border-bottom: 1px solid #CCCCCC;
					margin: 0;
					padding: 15px 10px;
					}
				#tablebox td.white_s {
					border-right: 1px solid #CCCCCC;
					border-bottom: 1px solid #CCCCCC;
					font-size: 10px;
					*font-size: x-small; /* IE 7向け */
					*font: xx-small; /* IE 6以下 */
					margin: 0;
					padding: 15px 10px;
					}
				.mark_r {
					background-color: #C11920;
					margin: 0;
					padding: 5px 0;
					}
				.mark_g {
					background-color: #777777;
					margin: 0;
					padding: 5px 0;
					}
		
/*	サイド
========================================== */
.subimg{
	margin: 0px 0 10px 0px;
	}
				/*	テーブル（枠）
				 * ------------------------------------- */
				#sidetitle_g {
	background-image: url(http://www.iphone-repair.jp/common/images/stitle_bg01.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	width: 252px;
	height: 37px;
	margin: 0;
	padding: 0 10px;
					}
				#sidetitle_b {
	background-image: url(http://www.iphone-repair.jp/common/images/stitle_bg02.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	width: 252px;
	height: 37px;
	margin: 0;
	padding: 0 10px;
					}
				#s_linebox {
					border: 1px solid #E6E6E6;
					width: 252px;
					margin: 0;
					padding: 0;
					}


				/*　メディア
				 * ------------------------------------- */
				#s_lineboxmedia {
					border: 1px solid #E6E6E6;
					width: 252px;
					margin: 0;
					padding: 0;
					}
				#s_lineboxmedia table {
					width: 200px;
					margin-top: 5px;
					margin-bottom: 5px;
					border: 1px solid #333333;
					margin-left:25px;
						}
				#s_lineboxmedia th {
					font-weight: bold;
					text-align: center;
					color: #FFFFFF;
					background-color: #333333;
					border-bottom-width: 1px;
					border-bottom-style: solid;
					border-bottom-color: #333333;
					}
				#s_lineboxmedia .mediaImg {
					padding-top: 10px;
					padding-bottom: 10px;
					text-align: center;
					}
				#s_lineboxmedia .mediaCaption {
					font-size: 10px;
					padding-right: 5px;
					padding-bottom: 8px;
					padding-left: 5px;
					}

			/*　カレンダー
			* ------------------------------------- */
		#sidetitle_g {
					background-image: url(../image/stitle_bg01.gif);
					background-repeat: no-repeat;
					font-size: 14px;
					font-weight: bold;
					line-height: normal;
					width: 252px;
					height: 37px;
					margin: 0;
					padding: 0 10px;
					}
		#s_linebox {
					border: 1px solid #E6E6E6;
					width: 252px;
					margin: 0;
					padding: 0;
					}
		#calendarbox {
			width: 230px;
			margin: 10px;
			padding: 0;
			text-align: center;
			}
		.week {
			border-right: 1px solid #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
			background-color: #AAAAAA;
			color: #FFFFFF;
			}
		.holiday {
			border-right: 1px solid #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
			background-color: #777777;
			color: #FFFFFF;
			}
		.mark {
			background-color: #777777;
			}


			
			
/* フッター
========================================== */
#footer{
	margin: 0;
	padding: 0;
	}

		/*	フットメニュー
		 * ------------------------------------- */
		#footerbox {
			background: url(../image/foot_bg.gif);
			background-repeat: repeat-x;
			width: 100%;
			height: 50px;
			margin: 0;
			padding: 15px;
			text-align: center;
			}
		ul.footerbox  {
			font-size: 10px;
			margin: 0px 0 0 0;
			padding: 0;
			}
		ul.footerbox li {
			display: inline;
			padding: 0 3px 0 7px;
			border-left: 1px solid #999999;
			}
		ul.footerbox li.end {
			padding: 0 3px 0 7px;
			border-right: 1px solid #999999;
			}
		/* ロールオーバー */
		div#footerbox a:link {
			color: #333333;
			text-decoration: none;
			}
		div#footerbox a:hover, div#footerbox a:active{ 
			color: #FFA309;
			text-decoration: underline;
			}

		/*	コピーライト
		 * ------------------------------------- */
		#copyright {
			margin: 0;
			padding: 16px 0 15px 0;
			text-align: right;
			}
/* 6.フォント
========================================== */
.small {
	font-size: 10px;
	*font-size: x-small; /* IE 7向け */
	*font: xx-small; /* IE 6以下 */
	}
.small_red {
	font-size: 10px;
	*font-size: x-small; /* IE 7向け */
	*font: xx-small; /* IE 6以下 */
	color: #C11920;
	}
.large {
	font-size: 16px;
	*font-size: medium; /* IE 7向け */
	*font: small; /* IE 6以下 */
	font-weight: bold;
	line-height: 180%;
	*line-height: 170%; /* IE 7向け */
	}
.large_red {
	font-size: 16px;
	*font-size: medium; /* IE 7向け */
	*font: small; /* IE 6以下 */
	font-weight: bold;
	line-height: 180%;
	*line-height: 170%; /* IE 7向け */
	color: #C11920;
	}
.red {
	color: #C11920;
	font-weight: bold;
	}