/*
Version: 1.0
Date: 2011/06/14
*/

/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%? ? ?11px = 85%? ?? 12px = 93%? ? ?13px = 100%
14px = 108%?? ?15px = 116%? ? 16px = 123.1%? 17px = 131%
18px = 138.5%? 19px = 146.5%? 20px = 153.9%? 21px = 161.6%
22px = 167%? ? 23px = 174%? ? 24px = 182%? ? 25px = 189%
26px = 197%
------------------------------------------------------*/

/* reset CSS
----------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
.big{
font-size:15px;}
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-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
.arrowfl {
	float:left;
	width:30px;
	height:55px;
	vertical-align:bottom;
	padding-top:30px;
	font-size:20px;
}
/* clearfix 
----------------------------------------------------------------------------- */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block;
    clear: both;
}

body {
	/*change-style*/
	font-size:85%;
	font-family:"小塚ゴシック Pro R","KozGoPro-Regular","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo",sans-serif;
	line-height:150%;
	color:#333333;
	background-color: #FFFFFF;
}
#copyright {
	color:#666;
	text-align:center;
	margin-top:20px;
	margin-left:62px;
	width:580px;
	font-size:85%;	
}
#copyright a {
	font-weight:bold;
	color:#666;
	text-decoration:none;
	font-size:105%;
}


#model-no {
	font-family:arial,helvetica,clean,sans-serif;
	margin:235px 0px -275px 505px;
	color:#898989;
	font-size:12px;
	font-weight:bold;
}
/* index
----------------------------------------------------------------------------- */
#index-body {
	background-image:url(../images/uiparts/index_bg.jpg);

}
#index ul {
	margin:280px 0px 0px 70px;
}
#index ul li {
	float:left;
	margin:0px;
	padding:0px;
	width:187px;
}
#index ul li img {
	margin:0px;
	padding:0px;
}
#index-bt1 {
	display:block;
	width:187px;
	height:210px;
	background:url(../images/uiparts/GS24_index_02.png) no-repeat;
}
#index-bt1:active {
	display:block;
	width:187px;
	height:210px;
	background:url(../images/uiparts/TOP_BT1_push.png) no-repeat;
}
#index-bt2 {
	display:block;
	width:187px;
	height:210px;
	background:url(../images/uiparts/TOP_BT2_nomal.png) no-repeat;
}
#index-bt2:active {
	display:block;
	width:187px;
	height:210px;
	background:url(../images/uiparts/TOP_BT2_push.png) no-repeat;
}
#index-bt3 {
	display:block;
	width:187px;
	height:210px;
	background:url(../images/uiparts/TOP_BT3_nomal.png) no-repeat;
}
#index-bt3:active {
	display:block;
	width:187px;
	height:210px;
	background:url(../images/uiparts/TOP_BT3_push.png) no-repeat;
}

#index-bt1 {
	display:block;
	width:300px;
	height:177px;
	background:url(../image/images/GS24_index_02.png) no-repeat;
}
#index-bt1:active {
	display:block;
	width:300px;
	height:177px;
	background:url(../image/images/GS24_index_07.png) no-repeat;
}
#index-bt2 {
	display:block;
	width:189px;
	height:179px;
	background:url(../image/images/GS24_index_03.png) no-repeat;
}
#index-bt2:active {
	display:block;
	width:189px;
	height:179px;
	background:url(../image/images/GS24_index_08.png) no-repeat;
}
#index-bt3 {
	display:block;
	width:330px;
	height:178px;
	background:url(../image/images/GS24_index_04.png) no-repeat;
}
#index-bt3:active {
	display:block;
	width:330px;
	height:178px;
	background:url(../image/images/GS24_index_09.png) no-repeat;
}
/* container
----------------------------------------------------------------------------- */
#container {
	padding:15px;
	font-size:15px;
}

/* content
----------------------------------------------------------------------------- */
div#header {
	margin:10px 10px 10px 10px;
	padding:15px 0px 0px 0px;
	*padding:14px 0px 0px 0px;
	/*height:41px;*/
}
h1 {
	/*change-style*/
	border-bottom:solid 2px #333333;
	border-left:solid 15px #333333;
	color:#333333;
	/*height:30px;*/
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 25px;
	font-size:307.7%;
	font-weight:bold;
	line-height:110%;
}

h2{
	/*change-style*/
	margin:25px 0px 19px 0px;
	padding:5px 0px 0px 15px;
	border-left:solid 8px #333333;
	color:#333333;
	font-size:153.9%;
	font-weight:bold;
}

h4 {
	/*new-style*/
	/*step*/
	background-color:#333333;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:10px 0px 5px 10px;
	font-size:182%;
	font-weight:bold;
	line-height:110%;
}

h5 {
	/*new-style*/
	background-color:#DDDDDD;
	color:#333333;
	margin:25px 0px 20px 0px;
	padding:10px 0px 5px 10px;
	font-size:160%;
	font-weight:bold;
	line-height:100%;
}

h6 {
	/*new-style*/
	background-color:#FFFCDB;
	color:#333333;
	margin:25px 0px 20px 0px;
	padding:10px 0px 5px 10px;
	font-size:153.9%;
	font-weight:bold;
	line-height:100%;
}

a:hover {
	color:#F00;
}

img.text-in {
	vertical-align: middle;
	margin:0px 2px;
}

/* p
--------------------------------------------*/
p {
	padding:10px 0px;
	font-size:16px;
}

p.copy {
	padding:0px 0px 15px;
}

p.text {
	padding:10px 0px 10px;
}

.no-margin {
	padding:0px;
}

.no-margin-bottom {
	padding:10px 0px 0px;
}
.no-margin-top {
	padding:0px 0px 10px;
}

.leftm {
	padding:0px 0px 0px 12px;
}
.img-right {
	text-align:right;
	
}

p.tejun {
	/*new-style*/
	background-repeat:repeat-x;
	background-position:bottom;
	background-image:url(../images/uiparts/border_w.gif);
	color:#333333;
	margin:35px 0px 20px 0px;
	padding:10px 0px 11px 10px;
	font-size:135.1%;
	font-weight:bold;
}

p.caution {
	/*new-style*/
	margin:25px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

span.caution {
	/*new-style*/
	background-color:#FF0000;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:5px 10px 2px 10px;
	font-size:153.9%;
	font-weight:bold;
	line-height:170%;
}


/* right-box left-box
--------------------------------------------*/
.right-box{
	float:right;
	width:240px;
}

.left-box ol,.left-box div {
	margin-right: 250px;
}
.left-box{
	float:left;
	margin-right: -240px;
	width:100%;
}

/* right-box left-box
--------------------------------------------*/
.right-box-D-3{
	float:right;
	width:300px;
}

.left-box-D-3 ol,.left-box-D-3 div {
	margin-right: 310px;
}
.left-box-D-3{
	float:left;
	margin-right: -300px;
	width:100%;
}

/*逆---------------------------*/
.floatarea {
	padding-left:290px;

}


.right-box-r{
	float:right;
	margin-left:-280px;	
	padding-left:280px;
	width:100%;
}

.left-box-r ol,.left-box-r div {
	margin-left: 290px;
}
.left-box-r{		
	float:right;
	width:280px;
	margin-left:-280px;
}
*:first-child+html .right-box-r{		
	float:right;
	margin-left:-200px;	
	padding-left:200px;
	width:100%;
}
.left-box-r2{
	float:left;
	width:280px;
}

.right-box-r2{
	float:left;
	padding-left:290px;
}

.left-box-r2 ol,.left-box-r2 div {

}


.memo-left {
	float:left;
	margin-right: -170px;
	width:100%;
}
.memo-left div {
	margin-right: 170px;
}
.memo-right {
	float:right;
	width:150px;

}


/* ol.step-group
--------------------------------------------*/
ol.step-group {
	margin-left:0px;
	margin-bottom:10px;
}
ol.step-group li {
	background-repeat:repeat-x;
	background-position:bottom;
	background-image:url(../images/uiparts/border.png);
	padding:0px 10px 20px 40px;
	list-style:none;
	margin-bottom:15px;

}

ol.step-group li.step1 em {background-image:url(../images/uiparts/STEP1.png);}
ol.step-group li.step2 em {background-image:url(../images/uiparts/STEP2.png);}
ol.step-group li.step3 em {background-image:url(../images/uiparts/STEP3.png);}
ol.step-group li.step4 em {background-image:url(../images/uiparts/STEP4.png);}
ol.step-group li.step5 em {background-image:url(../images/uiparts/STEP5.png);}
ol.step-group li.step6 em {background-image:url(../images/uiparts/STEP6.png);}
ol.step-group li.step7 em {background-image:url(../images/uiparts/STEP7.png);}
ol.step-group li.step8 em {background-image:url(../images/uiparts/STEP8.png);}
ol.step-group li.step9 em {background-image:url(../images/uiparts/STEP9.png);}
ol.step-group li.step10 em {background-image:url(../images/uiparts/STEP10.png);}
ol.step-group li.step11 em {background-image:url(../images/uiparts/STEP11.png);}
ol.step-group li.step12 em {background-image:url(../images/uiparts/STEP12.png);}
ol.step-group li.step13 em {background-image:url(../images/uiparts/STEP13.png);}
ol.step-group li.step14 em {background-image:url(../images/uiparts/STEP14.png);}
ol.step-group li.step15 em {background-image:url(../images/uiparts/STEP15.png);}
ol.step-group li em {
	margin:0px 0px 0px -35px;
	font-size:153.9%;
	padding:5px 0px 5px 60px;
	line-height:150%;
	display:block;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:top left;
}
img.guide-bottom {
	margin:15px 0px 5px;
	display:block;
}

img.step-img {
	margin:5px 0px 20px;
	display:block;
}

img.step-img-l {
	margin:5px 10px 20px 0px;
	display:block;
	float:left;
}

img.step-img-r {
	margin:5px 0px 20px;
	display:block;
	float:left;
}
div.step-text-r {
	margin:5px 0px 20px;
	float:left;
	background-color:#303;
}

#change-img1-2,
#change-img1-3,
#change-img2-2,
#change-img2-3 {

}

#step_content {
	/*new-style*/
	margin:0px 0px 0px 25px;

	
}

/* ul.links
--------------------------------------------*/

ul.links {
	margin:15px 0px 0px;
}
ul.links li {
	list-style:disc;
}
ul.links li {
	list-style-type:none;
	background-image:url(../images/uiparts/LINK_ICON.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0px 0px 10px 25px;
	margin:0px;
	border:none;
}

ul.sub-links {
	margin:5px 0px 0px 0px;
}

ul.sub-links li {
	list-style-type:circle;
	background:none;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 10px;
	border:none;
}

/* ul.normal-list
--------------------------------------------*/

ul.normal-list {
	margin:15px 0px 0px;
}
ul.normal-list li {
	list-style:disc;
}
ul.normal-list li {
	list-style-type:none;
	background-image:url(../images/uiparts/nlist_icon.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0px 0px 5px 20px;
	margin:0px;
	border:none;
}

ul.normal-list li strong {
	font-weight:bold;	
}

ul.normal-list-in {
	margin:15px 0px 0px;
}

ul.normal-list-in li {
	list-style-type:none;
	background-image:url(../images/uiparts/nlist_icon_in.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0px 0px 5px 20px;
	margin:0px;
	border:none;
}


/* ul.alphabet_list
--------------------------------------------*/

ul.alphabet_list {

}
ul.alphabet_list li {

	
}
ul.alphabet_list li {
	list-style-type: lower-latin;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 20px;
	border:none;
}

/* ol.decimal_list
--------------------------------------------*/

ol.decimal_list {

}
ol.decimal_list li {
	font-weight:bold;
}
ol.decimal_list li {
	list-style-type: decimal;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 20px;
	border:none;
}
ol.decimal_list p {
	font-weight:normal;	
	margin:0px;
	padding:0px;

}

/* dl.explanation
--------------------------------------------*/
.explanation dt {
  clear: left;
  float: left;
  margin: 0 0 0.2em;
  width: 6.5em;
	font-weight:bold;
  color: #000;	
}
.explanation dd {
  margin-bottom: 0.2em;
  margin-left: 6.5em;
	
}

/* memo attention
--------------------------------------------*/
div.memo {
	background:url(../images/uiparts/memo.jpg) no-repeat 0px 0px #e5e5e5;
	border-top:solid 2px #b2b2b2;
	border-bottom:solid 2px #b2b2b2;
	padding:10px 10px 20px 65px;
	margin:10px 0px;
	min-height:50px;
}

* html div.memo {
	height:50px;	
}
	

div.warning {
	/*change-style*/
	background:url(../images/uiparts/warning.jpg) no-repeat 0px 0px #e5e5e5;	background-color:#FCEDE4;
	padding:10px 10px 20px 65px;
	margin:10px 0px;
	min-height:50px;
}

.warning-title {
	/*new-style*/
	color:#333333;
	margin:0px 20px 0px 0px;
	padding:20px 0px 0px 0px;
	font-size:182%;
	font-weight:bold;
	float:left;
}

.warning-text {
	/*new-style*/
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
}

* html div.warning {
	height:50px;	
}

div.caution {
	background:url(../images/uiparts/caution.jpg) no-repeat 0px 0px #e5e5e5;
	border-top:solid 2px #b2b2b2;
	border-bottom:solid 2px #b2b2b2;
	padding:10px 10px 20px 65px;
	margin:10px 0px;
	min-height:50px;
}

* html div.caution {
	height:50px;	
}

div.material {
	border-top:solid 2px #b2b2b2;
	background:#e5e5e5;
	border-bottom:solid 2px #b2b2b2;
	padding:10px 10px 10px 10px;
	margin:10px 0px;
}

div.attention {
	background:url(../images/uiparts/attention.jpg) no-repeat 0px 0px #fff;
	border:solid 2px #ddd;
	padding:10px 10px 10px 65px;
	margin:10px 0px;
}
div.memo em,div.attention em {
	margin:0px;
	font-size:16px;
	font-weight:bold;
	display:block;
	margin-bottom:3px;
}

div.tips {
	/*new-style*/
	background:url(../images/uiparts/tips.jpg) no-repeat 0px 0px #e5e5e5;
	border-top:solid 2px #b2b2b2;
	border-bottom:solid 2px #b2b2b2;
	padding:10px 10px 20px 65px;
	margin:10px 0px;
	min-height:50px;
}



/* table
----------------------------------------------*/

table.normal-table {
    width: 100%;
    border: 1px #999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.normal-table th {
    padding: 5px;
    border: #999 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;

}
table.normal-table td {
    padding: 5px;
    border: 1px #999 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	background: #FFF;
	vertical-align:top;
}



table.error-msg {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.error-msg th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background:#F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
	vertical-align:top;
}
table.error-msg td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	vertical-align:top;
}
table.error-msg-th {
	width:40%;
}
table.error-msg th.line-th {
   background:#666;
   color:#fff;
}

/* single-box
----------------------------------------------------------------------------- */

.single-box {
	margin-bottom:40px;
	padding:0px 0px;
}

.single-box em,.alphabet_list em{
	margin:0px;
	padding:0px;
	font-size:108%;
	font-weight:bold;
	display:block;
}
em.bold {
	margin:0px;
	padding:0px;
	font-size:108%;
	font-weight:bold;

}
.h3-text {
	margin:0px;
	padding:0px;
}


.mb20 {
	margin-bottom:30px;
	
}



.indent-box10 {
	text-indent:-1.4em;	
	margin-left:1.4em;
}

.indent-box15 {
	text-indent:-2.0em;	
	margin-left:2.0em;
}
.margin-left20{
	margin-left:20px;
	
}
.right-img {
	margin:0px 10px 0px 15px;
	}

/* footer
----------------------------------------------------------------------------- */
#footer {	
	
}

/*****************************************/