@charset "utf-8";

/* -----------------------------------------------
* ▼初期設定
* ----------------------------------------------- */

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;
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo,sans-serif';
	font-weight: normal;
}

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;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

/* Default CSS 　レイアウト・メニュー等
---------------------------------------------------*/

/* All
---------------------------------------------------*/
body {
	/*background:url(../image/bg.gif) center;*/
	background-color:#FFFFFF;
	text-align:center;
	font-size:80%;
	line-height:140%;
}

#wrapper {
	margin:0 auto;
	padding:10px 10px 0 10px;
	width:800px;
	text-align:left;
	/*background:url(../image/wrapper_bg.gif) ;*/
	border:1px solid #CCCCCC;
}


img	{
	vertical-align:middle;
	border: none;
}

/* Header
---------------------------------------------------*/


#header	{
	margin:0;
	padding:0;
	width:800px;
	background:#CCC;

}
.top-logo	{
	margin:0;
	background:url(../image/SB-head.jpg) no-repeat;
	width:829px;
	height:83px;
}
/* ----------各タイトル---------- */
.ContentsTitle	{
	/*margin:0 0 0 3px;*/
	background:url(../image/main_title.jpg) no-repeat;
	/*width:825px;*/
	width:800px;
	height:45px;
}
.TableHead1 {
	background:url(../image/p1_contents_title.gif) no-repeat;
	height:30px;
}
.TableHead2 {
	background:url(../image/p2_contents_title.gif) no-repeat;
	height:30px;
}
.SubTitle	{
	margin:20px 10px 10px 20px;
	background:url(../image/subtitle.gif) no-repeat;
	width:210px;
	height:29px;
}
.SubTitle2	{
	margin:20px 10px 10px 20px;
	background:url(../image/p2_subtitle.gif) no-repeat;
	width:169px;
	height:28px;
}
.P1Con-1-2	{
	background:url(../image/p1_contents_1-2.jpg) no-repeat;
	width:701px;
	height:32px;
	margin:10px auto;
}
.P1Con-3	{
	background:url(../image/p1_contents_3.jpg) no-repeat;
	width:701px;
	height:32px;
	margin:10px auto;
}
.P1Con-4	{
	background:url(../image/p1_contents_4.jpg) no-repeat;
	width:701px;
	height:32px;
	margin:10px auto;
}
.P2Con	{
	margin:10px auto;
}
.P1Pay-1	{
	background:url(../image/p1_pay1.gif) no-repeat;
	width:681px;
	height:39px;
}
.P1Pay-2	{
	background:url(../image/p1_pay2.gif) no-repeat;
	width:681px;
	height:41px;
}
.HeadText	{
	font-size:100%;
	padding:10px;
	color:#666666;
	letter-spacing: 0.8px;
}
.AreaText	{
	padding:20px 0 0 0;
	color:#666666;
	width:350px;
	height:50px;
	float:left;
}

.Allow	{
	background:url(../image/mark_arrow.gif) no-repeat;
	width:8px;
	height:9px;
	padding:10px;
}



.TitleGif	{
	margin:0;
	background:url(../image/titile.gif) top;
	width:800px;
	height:28px;
}


#container	{
	margin:5px 10px;
	width:800px;
}


/* Contents
---------------------------------------------------*/

#Procedure	{
	width:700px;
	height:auto;
	margin:10px auto;
}
#Procedure a:link {
	color:#1655B2;
}
#Procedure a:hover {
	color:#FF6600;
}
#Procedure a:visited {
	color:#1655B2;
}

#document table td {
	padding:7px;
	border-bottom:1px solid #CCCCCC;
}
#document table a{
	color:#1655B2;
}

.Border1	{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:10px 0 0 0;
}
.Indent20
	{
	padding:10px 0 0 30px;
	margin:0 0 10px 0;
}

.Indent30
	{
	padding:0 0 0 30px;
	font-size:90%;
}

.TextArea	{
	padding:10px;
}
.TextArea2	{
	font-size:12px;
	padding:10px;
}
.TitleTxt {
	width: 680px;
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0 3px 0;
}
.BlueText	{
	color:#1655B2;
	font-size:90%;
}
.Bold	{
	font-weight:bold;
}


#Contents	{
	border:15px solid #CCC;
	width:770px;
	height:auto;
	/*padding:10px 10px 0;*/
	padding:10px 0 0;
	/*margin-left:5px;*/
	color:#333;
	position:relative;
}
#Contents li	{
	line-height:155%;

}
#Contents ul	{
	list-style: outside url(../image/p1_dot2.gif) disc;
} 

.MainHead	{
	margin:0;
	width:770px;
	height:110px;
}
.MainList	{
	margin:0;
	width:560px;
	height:350px;
}
/*-.MainBtm	{
	margin:10px 0 10px 50px;
	width:260px;
	height:auto;
}-*/

.MenuArea	{
	width:360px;
	height:350;
	float:left;
}


#Procedure p {
	margin-top: 15px;
}

#Procedure .bigTxt {
	font-size: 110%;
}

#Procedure .atenTxt {
	font-weight: bold;
}

#Procedure .orangeTxt {
	color: #ff6204;
}

#Procedure .text-wrap {
	background-color: #fef0e8;
	margin-top: 15px;
	padding: 20px;
}

#Procedure .honinTitle,
#Procedure .douiTitle {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	background-color: #012e8b;
	margin-top: 15px;
	padding: 10px;
}

#Procedure .honinTitle {
	background-color: #012e8b;
}

#Procedure .douiTitle {
	background-color: #fe0002;
}


/* ----------メインテーブル---------- */
#topmenu {
	margin: 0 15px;
}

#topmenu table {
	margin: 0 0 0 10px;
}

#topmenu table tr td {
	padding: 10px 0 5px 0;
	border-bottom:1px dotted #CCCCCC;
	line-height: 1.5em;
	font-size:130%;
}
#topmenu table tr td a:link {
	color:#1655B2;
}
#topmenu table tr td a:hover {
	color:#ff6600;
}
#topmenu table tr td a:visited {
	color:#333;
}
.AlignCenter {
	text-align:center;
}

#topmenu table tr td ol{
	margin-left: 25px;
}

#topmenu table tr td ol li{
	line-height: 1.5;
}
.FileInfo	{
	width:150px;
	height:350;
	float:right;
	line-height:300%;
	font-size:12px;
	color:#666;
}

img.getadobe {
	margin:0 10px 0 0;
	padding:0;
	float:left;
}
p.adobe-txt {
	clear:right;
	margin:0;
	padding:0 0 5px 0;
	width:300px;
	hegiht:25px;
	font-size:11px;
}

/*-.GetAdobe	{
	clear:right;
	width:auto;
	height:25px;
	padding:0 0 0 5px;
	float:left;
}
.GetAText	{
	width:150px;
	height:25px;
	padding:5px 0 0 10px;
	font-size:11px;
	color:#333;
	float:left;
	line-height:120%;
} -*/

.PaddingL200	{
	padding:5px 0 0 200px;
}

#MenuLink {
	width:360px;
	height:350px;
	margin:0;
}
#MenuLink:after {
	clear: both;
	display: block;
	content: "";
}
#MenuLink ul {
	list-style:none;
	margin:0;
	padding:0;
}
#MenuLink li {
	display:block;
	float:center;
	width:310px;
	height:36px;
}
#MenuLink a {
	display: block; 
	width:310px;
	height:36px;
	margin:0 0 0 50px;
	background: url(../image/button1.jpg) 0 0 no-repeat;
	background-position: 200px 7px; 
	text-decoration: none; 
}
#MenuLink li a:hover {
	width:310px;
	height:36px;
	margin:0 0 0 50px;
	background: url(../image/button2.jpg) 0 0 no-repeat;
	background-position: 200px 7px; 
} 
.file-text	{
	font-size:12px;
	margin:0 0 0 400px;
} 
.ConHead	{
	margin:0;
	padding:5px 10px;
	width:160px;
	height:10px;
	background:#EFEFEF;
	color:#333333;
	line-height:100%;
	font-weight:bold;
}

/* MainArea
---------------------------------------------------*/

#main	{
	float:left;
	padding:5px 0;
	margin:0;
	width:560px;
	background:#FFFFFF;
}
.Height10px	{
	height:10px;
}
.Height280px	{
	height:280px;
}
.CommentArea	{
	margin:0;
	padding:5px;
	width:500px;
	height:auto;
	letter-spacing: 0.5px;
	color:#333;
}
h3.title	{
	clear:both;
	margin:5px 0 0 0;
}

.TitleBg {
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	background-color: #51cf3f;
	margin: 15px 0 15px 0;
	padding: 10px;
	text-align: center;
}


/* Footer
---------------------------------------------------*/

#footer	{
	clear:both;
        margin:0 auto;
        padding:0;
        width:800px;
        /*height:39px;*/
}
.FootText	{
        margin: 5px auto;
        padding:0;
        color:#666666;
        width:800px;
        text-align:center;
}

.FootLine	{
        margin:0 auto;
        padding:0;
        width:800px;
        /*height:16px;*/
		height:21px;
		background:url(../image/foot.gif);
        background-repeat: no-repeat;
}

#footer	a:link { 
	color:#333333;
	text-decoration:none;
}
#footer	a:visited { 
	color:#104080;
	text-decoration:none;
}
#footer	a:hover {
	color:#666666;
}
#footer	a:active {
	color:#666666;
}

/* Layout
---------------------------------------------------------- */

.align-center	{
	text-align:center!important;
}
.align-left	{
	text-align:left!important;
}
.align-right	{
	text-align:right!important;
}

.valign-top	{
	vertical-align:top!important;
}
.valign-middle	{
	vertical-align:middle!important;
}
.valign-bottom	{
	vertical-align:bottom!important;
}

.clear	{
	clear:both;
}
.float-left	{
	float:left;
}
.float-right	{
	float:right;
}

div.pager {
	clear: both;
	text-align: right;
	margin-right: 2em;
}
div.pager a {
	text-decoration: none;
}
div.pager a:hover {
	text-decoration: underline;
}

.img-left	{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.img-right	{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.clearfix {
	display: inline-block;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}  
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 


/* List
---------------------------------------------------------- */

ul ul{
	font-size:100%;
}
ol ol{
	font-size:100%;
}
ul ol{
	font-size:100%;
}
ol ul{
	font-size:100%;
}



/* CSS-Print
---------------------------------------------------------- */
@media print {

#wrapper {
	width:770px;
	border:none;
}
#Leftside	{
	padding:5px 0 5px 0;
}
#Rightside	{
	float:left;
	width:400px;
}
.ShopTitle	{
	margin:10px 0 5px 0;
}
.top-logo	{
	display: none;
}
.HeadText	{
	display: none;
}
.BannerArea	{
	display: none;
}
#footer	{
	width:770px;
}
.ShopInfoTable	{
	width:290px;
}
.FootText	{
	padding:0 120px 0 0;
	text-align:center;
}
}