@charset "Shift_JIS" ;
/* htmlは、XHTML 1.0 */
/* Win IE 6　互換モード/
/* Mozilla　標準モード */

body {
	margin : 0 ;
	padding : 0;
	line-height : 0 ;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif ;
/* IE 6 互換モードで、センタリングするため。後に出てくる、_text-align : left ; も同様。*/
	_text-align : center ;
	min-width : 800px;
	_width : auto;
	background-image: url('./image/bgstripe.png');
	background-repeat: repeat;
}



ul, li {
	margin : 0 ;
	padding : 0 ;
	line-height : 0 ;
}

ul {
	list-style-type : none ;
	margin-bottom : 1em;
}

.contents ul {
	line-height: 2em;
	padding-left: 2em;
	list-style-type: disc;
	list-style-position: outside;
}

ul.example {
	list-style-type : none ;
}

.contents li {
	line-height: 2em;
	}

ul.stylenone {
	list-style-type: none;
}

/*                                        Anchor                                        */
a:link {
	color : #48587A ;
/* 	color: #6666FF; */
	background-color: transparent;
	text-decoration: underline;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif ;
}

a:visited {
	background-color: transparent;
	text-decoration: none;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif ;
}

a:visited{
	color: #FF4C4C;
	border-width:0;
/*	background-color:white;*/
	text-decoration : none ;
}

a:hover {
	text-decoration : none ;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif ;
}

a:hover {
	color : white ;
	border-width:0;
	background-color : #FF4C4C ;
}

a:active  {
	color : white ;
 	background-color : #FF9999 ;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
 }

a img {
	padding:2px;
}

a:link img {
	background-color : transparent ;
	_background-color : white ;
	border: 1px dashed transparent ;
	_border: 1px solid white ;
}

a:visited img {
	background-color : transparent ;
	border: 1px solid transparent;
	_border-bottom : 1px solid white ;
	_border: 1px solid white;
}

a:hover img {
	color : white ;
	text-decoration: none;
	background-color : transparent ;
	border: 1px solid #FF4C4C;

}

.ad a:hover {
	color : white ;
	border-style : none ;
	background-color : transparent ;
	_background-color : white ;
}


.image a:hover {
	color : white ;
	border-style : none ;
	background-color : transparent ;
	_background-color : white ;
}


.main a[href^="http:"]:after,
.main a[href^="https:"]:after {
/* content : "→";  color : #888888 ; */
     content:url(./image/exlink.png);
     vertical-align:middle;
     margin:0 5px;
 }

/*                                        Title Section                                       */
.title {
	background-color : white ;
	margin : 30px 0em 0;
	padding: 0.5em 0em 1em;
	width : auto ;
	_width : auto ;
	_text-align : left ;

	width : auto ;
/*	border : 1px solid #888080;*/
	border-bottom : none;

}



.title a:link {
	color: white ;
    border-width:0;
    background-color:white;
	text-decoration : none ;
}

.title a:visited {
    color: white ;
    border-width:0;
    background-color:white;
	text-decoration : none ;
}

.title a:hover {
	color : white ;
    border-width:0;
	background-color : white ;
}

.title a:active  {
 	background-color : white ;
 }
 
.title a img {
    _background-color:white;
 	border-width:0;
 }
 
.title a:link img {
 	border-width:0;
 }
.title a:visited img {
 	border-width:0;
 }
.title a:hover img {
  	border-width:0;
 }
 
/*                                        Navigation Section                                        */

/* navigationを、真ん中にレイアウトするため */

.prenavi {
	margin : 0;
	width : auto ;
	_width : 100% ;
	_text-align : left ;
	padding: 0 0 0;

}

.navi {
	font-family : "Arial","Charcoal",sans-serif;
	font-size:90%;
	background-color: #eeeded;

	line-height: 1;
	margin : 0 0 0 0;
	padding: 0 0 0 0;

 	border:1px solid #FF9900;
 	border-left-width :1px solid #FF9900;
  	border-right-width : :1px solid #FF9900;	
 	
	border-left : none;
	border-right : none;
	float:left; /* for navi action */
	width:auto; /* for navi action */
	width : 100% ;
	
}




 
.navi ul{

	background-color: white;
	line-height: 1.2em;
	margin: 0 auto ;
	padding: 0 50px 0 0;

	_padding: 0 0 0 0px;
	_margin : 0;

}

.navi li {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	list-style-type : none ;

	display : inline ;	/* inlineにするのは、Win IE7用 */

	_float:left; /* WinIE only for navi action */
}

/*/                                        Navigation Anchor                                        /*/
.navi a {
	font-family : "Arial","Charcoal",sans-serif;
	color: #222222;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 0.5em 2em;
	border-style: none;

	display:block; /* for navi action */
	float:left; /* for navi action */
}

.navi a:link {
	_font-family : "Arial","Charcoal",sans-serif;
	text-decoration: none;
	border-style: none;
}

.navi a:visited {
	_font-family : "Arial","Charcoal",sans-serif;
	color: #222222;
	/*background-color: white;*/
	text-decoration: none;
	border-style: none;
}

.navi #pointer a {
	color: #222222;
	background-color: #FFC266;
}

.navi a:hover {
	_font-family : "Arial","Charcoal",sans-serif;
	color: #222222;
	background-color: #FF9900;
	text-decoration: none;
	border-style: none;
}

.navi #pointer a:hover {
	background-color: #FF9900;
}

	
.navi a:active  {
	text-decoration: none;
	border-style: none;
}

p {
	margin : 0 0 1em 0 ;
	padding : 0 ;
	line-height : 2em ;
}

hr {
	clear : both ;
 	display : block ;
	 
	margin :  1.5em 0 ;
	border-top-width :0 ;
	border-left-width : 0;
	border-right-width : 0;
	border-bottom:1px dotted #888888;
	_border-bottom:2px dotted #888888;	
	height:1px;
	_height:2px;
 }



/* Winでの、HGP創英角ｺﾞｼｯｸUBの利用は廃止した。*/
/* "HiraKakuPro-W6" の記述は、Safari向け。"ヒラギノ角ゴ Pro W6"の記述を認識するようになったら、不要。 */

h2 {
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	font-style : normal ;
	font-size : 120% ;
	font-weight : normal ;
	font-weight : bold ;
	color : #333333 ;
	margin : 2em 0 1.5em 0 ; 
	border-left : 5px solid #888888;
	padding-top : 5px;
	padding-left : 10px;
	line-height : 1em;
}

h3 {
    font-style: normal;
    font-weight: normal;
    margin: 1em 0 1em 0;
    font-variant:normal;

	font-size : 100% ;
	font-weight: bold;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
}

h4 {
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	font-style: normal;
    font-weight: normal;
    margin: 0em 0 0em 0;
    padding : 0;
    font-variant:normal;
	font-size : 100% ;
}


em {
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	font-style : normal ;
	font-weight : normal ;
	font-weight : bold ;
}

strong {
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	font-style : normal ;
	font-weight : normal ;
	font-weight : bold ;
	color: red;
}


/* name */
.name {
	color : #333333 ;
	font-family : "Skia","Arial",sans-serif;
	text-align : right ;
	font-size : 90% ;
	display : none ;

}

/*                                       Contents Section                                        */

.contents {
	background-color : white ;
	clear : both ;
	margin : 1.5em 3em 0em 3em;
	padding:  0px 2em 0 2em;/* IEがタコなので、margin-bottomではなくて、padding-bottomで調節 */

	line-height : 2em ;
	color : black ;

	width : auto ;
	_width : 100% ;
	_text-align : left ;

/*	border-bottom : 1px solid #424f6d;*/

	border : 1px solid #888080;
}
 
.contents h1 {
	font-family : "Franklin Gothic Medium","Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	margin : 3em 0 1em ;
	padding : 0 0 0.5em 0;
	font-size: 1.5em ;
	font-weight : bold ;
	clear : both;
	color : #333333 ;
	border-bottom : 1px dotted #888888;
	_border-bottom : 2px dotted #888888;
}

.note {
	font-size : 90% ;
	line-height : 1.5em;

}


.note li, .note p {
	line-height : 1.5em;
}
 
 
dl.links {
	margin-top : 1em ;
}

.links dt {
	margin-left : 0em ;
}

.links dd {
	margin : 0 0em 1em 0em;
}

.closed {
	margin:4em 0;
}

.del {
	text-decoration : line-through ;
}

/*                                        about,history page                                        */

.history {
	color : #555555 ;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size : 80% ;
	margin-top : 3em;
	padding-top : 1.5em;
	margin-bottom: 0;
	padding-bottom: 0;
	border-top : 1px dotted #888888;
	_border-top : 2px dotted #888888;
	line-height: 1em;
}

.history h4 {
	font-size : 100% ;
	padding-bottom: 0.5em;
}

.history li {
	line-height : 1em;
}

/*                                        home page                                        */
.infohistory {
	color : #3333333 ;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size : 90% ;
	line-height : 1em ;
}

#address {
	margin-top : 2em ;
}

#address img {
	line-height : 2em;
}

.guide .contents-end {
	clear : both ;
}


.main {
background-color: white;
/*	float : left;
	width : 68%;*/

	padding : 0 0 0.5em;
	margin : 0 0 0em 0;
/*	border-right : 1px solid #888888;*/

	/*border : 1px solid red;*/
}

.sub,.innerlink {
	background-color: #FFFFE0;
	font-size: 90%;
	margin: 0;
	padding: 2em 1.5em;
	border: 1px solid #C0C0C0;
}

.sub {
	min-height:300px;
}

.innerlink {
	background-color: white;
	padding-top : 1em;
	padding-bottom : 1em;

}

.innerlink p {
	margin: 0;
	padding : 0;
}

.innerlink ul ul {
	margin-bottom : 0;
}

.sub li, .innerlink li {
	list-style-image: url(./image/red.png);
	_line-height : 1em;
	_margin-bottom : 1em;
}

.ad {
	line-height: 1.2em;
	text-align: center;
	float: left;
	width: 250px;
/*	height : 250px;*/
	padding-right :1em;
}

.adtext {
	line-height: 1em;

}



/*                                        文章中にメモされた日付                                        */
.date {
	font-size : small ;
	_font-size : 90% ;
	font-family : "Skia",Arial ;
	color : #606060 ;
}
.date strong {
	font-family : "Helvetica";
	font-weight : bold ;
	color : red ;
}

.emlist {
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	margin : 1em 2em;
	padding: 1em 2em 0 2em;
	border : 1px solid #222222;
	line-height : 1.5em;
	font-size : 90% ;

}

.emlist dl {
	margin : 0 0 ;
}

.emlist dt {
	padding-right : 1em ;
	font-weight: bold;
	margin-left : 0em ;
	float : left ;
}

.emlist dd {
	margin : 0em 0em 0.5em;
	margin-left : 8em ;
	padding-left : 0em ;
}

#legal dd {
	margin-left : 15em ;
}

.emlist h3 {
	margin : 0 0 0.5em 0 ;
	font-size : 110%;
}

.topicPath {
	border-top : 1px dotted #888888;
	_border-top : 2px dotted #888888;
/*	width:auto;*/
	padding:  0.5em 0;
	margin : 0;
	font-size : 90% ;
	line-height : 1em;
}

.topicPath p {
	margin-bottom : 0;
}


.about ul {
	list-style-type: none;
}

.about dt {
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	font-weight : bold ;
}

.caption {
	font-size: small;
	_font-size : 90% ;
	line-height: 1em;
}

.sub h3,.innerlink h3 {
	margin: 2em 0 0;
	padding : 0;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
 	font-size : 110%;
	font-weight : bold ;
}

#price {
	padding-left: 3em;
}

.leftposition {
	float: left;
}

.clearfloat {
	clear : both;
}



.wide .main {
	width : 100%;
	padding : 0 1em 0.5em 0;
	border-right : none;
}

.wide .sub {
	display : none;
}

#practice p {
	margin-left: 2em;
	margin-right: 0em;
	margin-top: 0em;	
}

#practice h3 {
	margin-bottom : 0em;	
}

.footer {
	background-color : white ;
	clear : both ;
	border-top:1px solid #FF9900;
	margin : 1em 0 1em;
	_padding-bottom : 0em;
	padding-top: 0.5em;
	width : auto ;
	line-height: 1em;	
 	border-left-width : 0px;
  	border-right-width : 0px;
  	text-align: left;

}

.footer a:link,
.footer a:visited,
.footer a:active,
.footer a:hover,
.footer a img
 {
    border-width:0;
    background-color:white;
	text-decoration : none ;
	line-height: 0;
 }


.footer .note a:link,
.footer .note a:visited,
.footer .note a:active,
.footer .note a:hover
{
	color : #888888;
}

.footer .note a:hover{
text-decoration: underline;
}

.footer p {
	font-size : 80%;
	text-align:right ;
}

.downloadnote {
font-family: sans-serif;
font-size: 90%;
line-height:1.3em;
}

small {
font-size: 90%;
}

.image a:hover {
	color : white ;
	border-style : none ;
	background-color : transparent ;
	_background-color : white ;
}


#bank table {
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#bank table th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

#bank table td {
    padding: 2px 1em;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

#bank table {
	margin-top :1em;
	margin-bottom :1em;
}