/*
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
----------------------------------------------------------------------------- */
/*ここから移植
*/

/* ヘッター */
div#header5/* 田中さんのGS-24cssでは、 header　だが、同名のIDがあったためheader5にしてここでは使用*/	{
		background-color: #3366FF;
   width:100%;
	/*width:2000px;*//*「 %」表示で設定すると画面のサイズを変更するのに合わせて画像も動いてしまうので注意 */
	height:90px;
}
div#header6{
	background-color: #3366FF;
	margin-left:25%;
	/*margin-left:460px;*/
	/*width:1010px;*/
	width:50%;
	height:90px;
	margin-bottom:-10px;


}img.srm20_3{margin-top:30px;
			
			}
img.srm20_4{margin-top:15px;
margin-bottom:0px;
			
			}	
			
/* ここまでヘッター */	

	/* フッター */
div#footer	{
	width: 100%;
	margin-top: 0;
	padding-top: 8px;
	clear: both;
	background-color: #3366FF;
	height:50px;
}

/* ここまでフッター */
	
div#container	{width: 95%;/* width: 960px;コンテナ *//* width: 60%; width:1160px*/
	margin-left: auto;
	margin-right: auto
	/*padding:15px;
	font-size:100%;*/
	}


#container #content .h1h2h6hwidth {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}
#container #content ul li {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-size: 12px;
}

div#content	{
	width:70%; /*width: 650px;*//*width:65%; 850px;*/
	float: right;/*margin-left: auto;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	margin-top: -10px;
	border-top: 0px solid rgba(203,203,203,1.00);
/*	border-right: 4px solid rgba(203,203,203,1.00);
*/	border-bottom: 0px solid rgba(203,203,203,1.00);
	border-left: 0px solid rgba(203,203,203,1.00);
	padding-right:10px;
	/*background-color:#00CC99;*/
}


/* サイドバー */

div#sidebar	{
	width:  18%;/* width: 310px;*//* width: 30%;*/
	float: left;
	margin-bottom: 25px;
/*	margin-top: -10px;
*/	
margin-top: 10px;
padding-left: 10%;

	/*margin-left: 10px;*//* margin-left: -40px;*//* margin-left: -10px;*/
	border-left-width: 1px;
	border-left-color: #000000;
		/*background-color:#993300;*/

}
li.left{
	margin-left:20px;
	margin-top: 0px;
	font-size: 14px;
}	
li.right{margin-top:10px;
margin-left:10p;

}
a.side:hover{background-color: #FBB03B}

a.side{
font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
text-decoration: none;
width: 300px;
	font-size: 14px;
	line-height: 21px;
	padding: 0px 0px 0px 15px;
}

a.side2{
font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
text-decoration: none;
width: 200px;
	font-size: 14px;
	line-height: 21px;
/*	padding: 0px 0px 0px 30px;
*/	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color: #000000;
	width: 250px;
	background-color: #CCCCCC;
}

.side_normal{font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
text-decoration: none;
width: 200px;
/*	font-size: 14px;
*/	
line-height: 21px;
	}

.padding_left30{padding-left:30px;
}
.font_size11{font-size:12px;}
* jquery */

dd.left{
	margin-left:20px;
	margin-top: 0px;
	font-size: 14px;
}	
dt.right{margin-top:10px;
margin-left:10p;
font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}


a.btn {
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	display: block;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	color: #FFFFFF;
	/*width: 300px;*/
	width: 96%;
	background-color: #969696;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
 } 

 a.btn5 {
color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	display: block;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	width: 150px;
	
	height: 100px;
	background-color: #E3CAB2;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
 } 




.margin_top{margin-top:10px;}


.padding-top20{
	padding-top:30px;
}







a.btn5:hover	{
	background-color: #FBB03B;

color: #FFFFF}


.text-align_center{
	
	text-align:center;
	
	}


.fontcolor_white{color:rgba(255,255,255,1.00)}
.paddig-top100{
	padding-top:100px;
}

/*ここまで移植
*/







































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;
}
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;
}
p{
	font-size:15px;
}
#copyright {
	color:#666;
	text-align:center;
	margin-top:33px;
	margin-left:62px;
	width:596px;
	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:290px 0px 0px 77px;
}
#index ul li {
	float:left;
	margin:0px;
	padding:0px;
	width:187px;
}
#index ul li img {
	margin:0px;
	padding:0px;
}
#index-bt1 {
	display:block;
	width:300px;
	height:177px;
	background:url(../image/images/GS24_index_02.png) no-repeat;
}
#index-bt1:active {
	display:block;
	width:300	px;
	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:100%;
}

/* content
----------------------------------------------------------------------------- */
div#header {
	margin:10px 10px 10px 10px;
	padding:15px 0px 0px 0px;
	padding:14px 0px 0px 0px;
	width:146%;
	/*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;
	color: #000000;
	font-size: 14px;
}

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:150%;
	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:130%;
	font-weight:bold;
	line-height:120%;
}


/* 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 {	
	
}

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