@charset "utf-8";

/* ------------------------------------------
 * 
 * CSS file for: Alpine (Alpine)
 * FileName:style.css
 * 
 * ------------------------------------------
 */

/* CONTENTS
 * ===========================================
 * 
 * 1: INITIALIZE
 ** 1-1: basic
 ** 1-2: link
 * 2: COMMON

 * 11: UNIVERSAL
 * 
 * ===========================================
 */


/*
 * 1: INITIALIZE
 * ===========================================
 */

/* 1-1: basic
 * -----------------------------------------*/
html { overflow-y: scroll; }

body {
	font:12px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	line-height: 1.5;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:inherit;
	font:100%;
}

form, ul, dl, dt, dd, p {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}


/* 1-2: link
 * -----------------------------------------*/
a, a:link, a:visited {
	color: #08f;
	text-decoration: underline;
}

a:hover {
	color: #f90;
	text-decoration: underline;
}


/*
 * 2: COMMON
 * ===========================================
 */
/* 2-1: body & warpper
 * -----------------------------------------*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #555;
	background: url(images/bg.gif) top center repeat-x;
	text-align: center;
}

#Wrapper {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	text-align: left;
}

#WrapperF {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 130px;
	background: url(images/bg2.gif) top center repeat-x;
}
	* html #WrapperF { background: url(images/bg2.gif) 0px center repeat-x; }
	*:first-child + html #WrapperF { background: url(images/bg2.gif) 0px center repeat-x; }

/* 2-2: header & footer
 * -----------------------------------------*/
#Header {
	margin: 0 20px;
	padding: 0;
	width: 760px;
	height: 68px;
}

#Header h1.title {
	margin: 14px 0 0 -3px;
	padding: 0;
	font-size: 1%;
	text-indent: -9999px;
	width: 400px;
	height: 28px;
	float: left;
}

#Osusumedo #Header .title { background: url(images/title_01.gif) no-repeat; }
#VerCheck #Header .title { background: url(images/title_02.gif) no-repeat; }
#Update #Header .title { background: url(images/title_03.gif) no-repeat; }
#Faq #Header .title { background: url(images/title_04.gif) no-repeat; }

#Header .creditLogo {
	margin: 19px 0 0 0;
	font-size: 1%;
	text-indent: -9999px;
	width: 144px;
	height: 18px;
	background: url(images/alpine_logo.gif) no-repeat;
	float: right;
}

#Footer {
	margin: 20px auto;
	padding: 0;
	width: 760px;
	text-align: left;
}

#Footer p { margin: 0; }
#Footer p  a {
	width: 140px;
	height: 24px;
	display: block;
	font-size: 1%;
	text-indent: -9999px;
	background: url(images/top_btn.gif) no-repeat;
}

#Footer address {
	margin: 36px 0 0 0;
	font-size: 0.916em;
	font-style: normal;
}
	* html #Footer address { margin-top: 36px; }
	*:first-child + html #Footer address { margin-top: 36px; }


/* 2-3: menu
 * -----------------------------------------*/
#Menu {
	margin: 0 20px;
	padding: 0;
	width: 760px;
	border-bottom: 1px solid #999;
}
	* html #Menu { padding-bottom: 8px; }
	*:first-child + html #Menu { padding-bottom: 8px; }

#Menu h2 {
	margin: 0;
	padding: 0;
	font-size: 1%;
	text-indent: -9999px;
	width: 110px;
	height: 20px;
	background: url(images/help_menu.gif) no-repeat;
}

#Menu ul {
	margin: 7px 0 17px 21px;
}
	* html #Menu ul { margin-bottom: 8px; zoom: 1; }
	*:first-child + html #Menu ul { margin-bottom: 8px; zoom: 1; }
	
#Menu ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#Menu ul li {
	margin: 0 20px 0 0;
	line-height: 1.1;
	float: left;
}

#Menu ul li a {
	padding:  0 0 0 16px;
	background: url(images/menu_icon.gif) left -5px no-repeat;
	display: block;
}

#Menu ul li a.current {
	color: #5dc600;
	text-decoration: none;
	cursor: default;
	background: url(images/menu_icon.gif) left -28px no-repeat;
}


/*
 * 3: CONTAINER
 * ===========================================
 */
/* 3-1: container
 * -----------------------------------------*/
#Container {
	margin: 27px 20px 30px 20px ;
	padding: 0;
	width: 760px;
}

.sectionA {
	margin: 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dashed #94a5bc;
}

.sectionA p {
	margin: 10px 0;
	padding: 0;
}

.sectionA p.read {
	margin: 0 0 10px 0;
	padding: 0;
}

ul.dataVari {
	margin: 15px 0;
}

ul.dataVari li {
	margin: 0 0 8px 0;
	font-size: 1.166em;
	font-weight: bold;
	color: #888;
}

ul.dataVari li .dataCase {
	width: 1.2em;
	text-align: center;
	display: inline-block;
}

.sectionB {
	margin: 0;
	padding: 0 0 15px 0;
}

.sectionB h3 {
	margin: 15px 0 10px 0;
}

.sectionB p {
	margin: 10px 0;
	padding: 0;
}

.sectionC {
	margin: 0 0 25px 0;
	padding: 0;
}
	* html .sectionC { zoom: 1; }
	*:first-child + html .sectionC { zoom: 1; }

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

.sectionC  div.sc_l {
	margin: 0;
	padding: 0;
	float: left;
}
.sectionC  div.mver_l { width: 430px; }
.sectionC  div.update_l { width: 426px; margin: 6px 0 0 24px; }
	* html .sectionC div.update_l { width: 426px; margin: 11px 0 0 12px; }
	*:first-child + html .sectionC div.update_l { width: 426px; margin: 11px 0 0 24px; }

.sectionC  div.sc_r {
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	overflow: visible;
}
.sectionC  div.mver_r { width: 317px; }
.sectionC  div.update_r { width: 301px; margin: 6px 0 0 0; }
	* html .sectionC div.update_r { margin: 11px 0 0 0; }
	*:first-child + html .sectionC div.update_r { margin: 11px 0 0 0; }

.sectionC  div.sc_r p.step2img {
	position: relative;
	top: 170px;
}

.sectionD {
	margin: 0 30px 25px 26px;
	padding: 0;
}

ul.example {
	margin: 20px 26px;
}

ul.example li {
	margin: 0 0 6px 0;
	padding: 3px;
	line-height: 1.1;
	text-indent: 19px;
	color: #378737;
}

ul.example li.p_a { background: url(images/example_p_icon.gif) left 0px no-repeat; }
ul.example li.p_b { background: url(images/example_p_icon.gif) left -30px no-repeat; }
ul.example li.p_c { background: url(images/example_p_icon.gif) left -60px no-repeat; }

div.sectionC h3 {
	margin: 0;
	font-size: 1.166em;
	font-weight: normal;
	padding-left: 24px;
}

div.sectionC h3.num1 { background: url(images/num_icon_1.gif) no-repeat;  }
div.sectionC h3.num2 { background: url(images/num_icon_2.gif) no-repeat;  }
div.sectionC h3.num3 { background: url(images/num_icon_3.gif) no-repeat;  }
div.sectionC h3.num4 { background: url(images/num_icon_4.gif) no-repeat;  }
div.sectionC h3.num5 { background: url(images/num_icon_5.gif) no-repeat;  }

div.updateStep {
	margin: 0;
}
	* html div.updateStep { zoom: 1; }
	*:first-child + html div.updateStep { zoom: 1; }

div.updateStep:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.updateStep  p {
	margin: 0 0 10px 0;
}

div.updateStep  p .fileName {
	margin: 13px 2px;
	padding: 3px 9px ;
	font-weight: bold;
	border: 1px solid;
	display: inline-block;
}

div.updateStep div.sc_l ul {
	margin: 0 0 0 18px;
}
	* html div.updateStep div.sc_l ul { padding-left: 7px; }
	*:first-child + html div.updateStep div.sc_l ul { padding-left: 7px; }

div.updateStep div.sc_l ul li {
	margin-bottom: 20px;
	list-style: decimal outside;
}

div.listBlock {
	margin:  0 0 20px 16px;
}

div.listBlock p.listTile {
	text-indent: -16px;
}

.sectionC div.description {
	margin: 0 0 20px 40px;
	padding: 0;
	background-color: #eee;
}
	* html div.description { zoom: 1; }
	*:first-child + html div.description { zoom: 1; }

div.description:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.description .desc_l {
	margin: 0;
	padding: 15px;
	width: 378px;
	float: left;
}

div.description .desc_r {
	margin: 0;
	padding: 0 0 0 9px;
	width: 301px;
	float: right;
	background-color: #fff;
}

div.description .desc_l p.mb110 {
	margin-bottom: 110px;
}

div.description .desc_r p {
	margin: 0;
	padding: 0;
	line-height: 0;
}

h3.q_cat {
	margin: 0;
	font-size: 1.166em;
	font-weight: normal;
	text-indent: 28px;
	background: url(images/faq_titleIcon.gif) no-repeat;
}

dl.faq {
	margin: 0 0 5px 30px;
}

dl.faq dt {
	margin: 7px 0;
	padding: 0 0 0 20px;
	background: url(images/faq_qIcon.gif) no-repeat;
}

dl.faq dt  a {
	color: #0042ea;
	text-decoration: none;
}

dl.faq dd {
	margin: 7px 0 15px 20px;
	color: #996c33;
}

dl.faq dd p {
	margin: 0 0 10px 0;
}


ul.faq {
	margin: 0 0 5px 30px;
}

ul.faq li {
	margin: 7px 0;
	padding: 0 0 0 20px;
	background: url(images/faq_qIcon.gif) no-repeat;
}

ul.faq li a.showDesc, ul.faq li a.showDesc:link, ul.faq li a.showDesc:visited{
	color: #0042ea;
	text-decoration: none;
}
ul.faq li a.showDesc:hover{ color: #f90; }

.sectionD div.description {
	margin: 10px 0 15px 0px;
	color: #996c33;
}

.sectionD div.description p {
	margin: 0 0 10px 0;
}



/*
 * 7: UNIVERSAL
 * ===========================================
 */

.clearFix {
	zoom: 1;
}

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

.clr {
	clear: both;
}

.fs9 { font-size: 0.75em; }
.fs10 { font-size: 0.833em; }
.fs11 { font-size: 0.916em; }
.fs12 { font-size: 1em; }
.fs13 { font-size: 1.083em; }
.fs14 { font-size: 1.166em; }
.fs15 { font-size: 1.25em; }
.fs16 { font-size: 1.31em; }
.fs17 { font-size: 1.416em; }
.fs18 { font-size: 1.50em; }
.fs19 { font-size: 1.583em; }
.fs20 { font-size: 1.666em; }
.fs21 { font-size: 1.75em; }
.fs22 { font-size: 1.833em; }
.fs23 { font-size: 1.916em; }
.fs24 { font-size: 2.0em; }
.fs25 { font-size: 2.083em; }

.mt0 {margin-top: 0;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}

.mb0 {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}

.fc_red { color: #f00;}