@charset "Shift_JIS";
/**********************************************************************
iPhone Repair store【iPhone3G 3GS 宅配修理専門店】
共通CSS
[ /css/style.css ]
**********************************************************************/

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

	Style CSS

 -----------------------------------------
	目次
 -----------------------------------------

 	1.タグの初期化
	
	2.フレーム
	
	3.ヘッダ
		■グローバルナビ
		■メインボックス
	
	4.コンテンツエリア
		■コンテンツ
			・タイトル
			・テキスト
			・リスト
			・テーブル（枠）
			・TOPページ
			・トラブル事例と修理料金
			・FAQ
			・このページの先頭へ		
		■サイド
			・テーブル（枠）
			・テキスト		
			・お知らせ		
			・サイドメニュー		
			・カレンダー		

	5.フッター
		■フットメニュー
		■コピーライト

	6.フォント

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


/* 1.タグの初期化
========================================== */
body {
	background-image: url(../images/head_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FCFCFA;
	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;
	}
ol {
	margin-left: 20px;
	padding: 0;
	}
* ol {margin-left: 25px;} /* this is a hack for IE */
h1,h2,h3,h4,h5 {
	font-size: 100%;
	font-weight: normal;
	}
table {
	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向け */
	}
img { 
    border: 0;
	}
ul,dl {
	list-style-type: none;
	list-style-position: outside;
	}
a img,:link img,:visited img {
	border: none;
	}
a:link, a:visited {
	color: #007EFF;
	text-decoration: none;
	}
a:hover, a:active { 
	color: #007EFF;
	text-decoration: underline;
	}
.clear {
	margin: 0;
	padding: 0;
	clear: both; 
    }


/* 2.フレーム
========================================== */
#frame {
	background-image: url(../images/foot_bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
#container {
	width: 900px; 
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}


/* 3.ヘッダー
========================================== */
#headercontainer {
	width: 900px; 
	height: 105px; 
	margin: 0;
	padding: 0;
	}

		/*	グローバルナビ
		 * ------------------------------------- */
		#globalnavi {
			width: 900px;
			height: 62px; 
			margin: 0;
			padding: 0;
			}

		/*	メインボックス
		 * ------------------------------------- */
		#mainbox {
			width: 900px;
			height: 185px;
			margin-top: 15px;
			padding: 0;
			}


/* 4.コンテンツエリア
========================================== */

		/*	コンテンツ
		 * ------------------------------------- */
		#contentbox {
			width: 634px;
			margin: 15px 14px 0 0;
			padding: 0;
			}

				/*	タイトル
				 * ------------------------------------- */
				/* メインタイトル */
				#maintitle {
					margin: 0;
					padding: 0;
					}
				/* サブタイトル */
				#subtitle01 {
					background-image: url(../images/title_bg01.gif);
					background-repeat: no-repeat;
					font-size: 16px;
					font-weight: bold;
					line-height: normal;
					width: 608px;
					height: 37px;
					margin: 25px 0 0 0;
					padding: 11px 13px 0 13px;
					}
				#subtitle02 {
					background-image: url(../images/title_bg02.gif);
					background-repeat: no-repeat;
					color: #FFFFFF;
					font-size: 14px;
					font-weight: bold;
					line-height: normal;
					width: 608px;
					height: 30px;
					margin: 20px 0 10px 0;
					padding: 7px 13px 0 13px;
					}
			
				/*	テキスト
				 * ------------------------------------- */
				.textbox {
					width: 614px;
					margin: 0 10px;
					padding: 0; 
					}

				/*	リスト
				 * ------------------------------------- */
				/* 円 */
				ul#circle {
					list-style-type: none;
					}
				ul#circle li.circle {
					background-image: url(../images/circle.gif);
					background-repeat: no-repeat;
					background-position: left 3px;
					margin-bottom: 5px;
					padding-left: 20px;
					}
				/* 矢印 */
				ul#arrow {
					list-style-type: none;
					}
				ul#arrow li.arrow {
					background-image: url(../images/arrow.gif);
					background-repeat: no-repeat;
					background-position: left 10px;
					margin: 0;
					padding-left: 15px;
					}

				/*	テーブル（枠）
				 * ------------------------------------- */
				#linebox {
					border: 1px solid #CCCCCC;
					margin: 0;
					padding: 0;
					}
				#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;
					}
				#listbox {
					background-image: url(../images/halfbox_bg.gif);
					background-repeat: repeat-y;
					background-color: #EFF0F1;
					margin: 0;
					padding: 10px 15px 0 15px;
					}

				/*	TOPページ
				 * ------------------------------------- */
				/* ご利用いただくメリット */
				#advantagebox {
					background-color: #EFF0F1;
					margin: 0;
					padding: 0;
					}
				/* 修理依頼品 */
				#requestbox {
					background-image: url(../images/request_bg.gif);
					background-repeat: repeat-y;
					background-color: #EFF0F1;
					margin: 0;
					padding: 10px 20px 0 20px;
					}
				/* お客様の声 */
				#voicebox {
					border: 5px solid #EFF0F1;
					margin: 0;
					padding: 0;
					}

				/*	トラブル事例と修理料金
				 * ------------------------------------- */
				#trablebox {
					background-image: url(../../trable/images/trablemenu_bg.gif);
					background-repeat: no-repeat;
					width: 610px;
					height: 178px;
					margin: 20px 0;
					padding: 8px;
					}

				/*	FAQ
				 * ------------------------------------- */
				#faqbox {
					background-color: #F5F5F5;
					width: 624px;
					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;
					}

		/*	サイド
		 * ------------------------------------- */
		#sidebox {
			width: 252px;
			margin-top: 15px;
			padding: 0;
			}

				/*	テーブル（枠）
				 * ------------------------------------- */
				#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_textbox {
					font-size: 10px;
					*font-size: x-small; /* IE 7向け */
					*font: xx-small; /* IE 6以下 */
					width: 240px;
					margin: 20px 5px;
					padding: 0; 
					}

				/*	お知らせ
				 * ------------------------------------- */
				dl#news {
					font-size: 10px;
					*font-size: x-small; /* IE 7向け */
					*font: xx-small; /* IE 6以下 */
					width: 220px;
					margin: 10px 15px;
					padding: 0;
					}
				dl#news dt {
					background-image: url(../images/arrow.gif);
					background-repeat: no-repeat;
					background-position: left center;
					color: #111111;
					font-weight: bold;
					margin: 0;
					padding: 0 10px;
					}
				dl#news dd {
					margin: 0;
					padding: 0 10px;
					}

				/*　サイドメニュー
				 * ------------------------------------- */
				#smenubox {
					width: 246px;
					margin: 3px 2px;
					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;
					}
				/*　カレンダー
				 * ------------------------------------- */
				#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;
					}


/* 5.フッター
========================================== */
#footercontainer {
	margin: 0;
	padding: 0;
	}

		/*	フットメニュー
		 * ------------------------------------- */
		#f_menubox {
			background: url(../images/foot_bg.gif);
			background-repeat: repeat-x;
			width: 900px;
			height: 50px;
			margin: 0;
			padding: 0;
			text-align: center;
			}
		ul#foot_menu {
			font-size: 10px;
			margin: 0;
			padding: 0;
			}
		ul#foot_menu li {
			display: inline;
			padding: 0 3px 0 7px;
			border-left: 1px solid #999999;
			}
		ul#foot_menu li.end {
			padding: 0 3px 0 7px;
			border-right: 1px solid #999999;
			}
		/* ロールオーバー */
		a:link.foot_menu, a:visited.foot_menu {
			color: #333333;
			text-decoration: none;
			}
		a:hover.foot_menu, a:active.foot_menu { 
			color: #666666;
			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;
	}