@charset "Shift_JIS" ;

/* htmlは、XHTML 1.1 */
/* Win IE 6　互換モード 　これはWin IE 6のバグ*/
/* Mozilla　標準モード */

/*　CSSコミュニティのCSS研究に基づいて作成しています。感謝。
使い勝手の良いように、オリジナルのmi用モードで、作成。
ただ、作業量が増えるに従い、CSSも混乱してゆく。
構文をきっちりしたものに自動で整形してくれるアプリケーションがほしい。*/

body {
	margin : 0 ;
	line-height : 0 ;
	
/* IE 6 互換モードで、センタリングするため。後に出てくる、_text-align : left ; も同様。*/
	_text-align : center ;
	min-width : 1000px;
	_width : auto;	
}



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

/*/                                        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 2em 0;
	padding: 10px 50px 5px 0;
	width : auto ;
	_width : auto ;
	_text-align : left ;

	margin-right : 5em ;
	margin-left : 5em ;
	width : auto ;
	font-family : "Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
}



.title a:link {
	color: #398EAE ;
    border-width:0;
    background-color:white;
	text-decoration : none ;
		font-size : 24pt;
}

.title a:visited {
    color: #398EAE ;
    border-width:0;
    background-color:white;
	text-decoration : none ;
			font-size : 24pt;
}

.title a:hover {
	color : #398EAE ;
    border-width:0;
	background-color : white ;
			font-size : 24pt;
}

.title a:active  {
 	background-color : white ;
 			font-size : 24pt;
 }
 
.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-right : 5em ;
	margin-left : 5em ;
	width : auto ;
	_width : 100% ;
	_text-align : left ;
}

.navi {
	font-family : "Arial","Charcoal" ;
	font-size: 10pt;
	background-color: white;

	line-height: 1;
	margin-top : 30px ;
	margin : 30px 0 0 0;
	padding: 0;

 	border:1px solid #398EAE;
 	border-left-width : 0px;
  	border-right-width : 0px;	
 	
	float:left; /* for navi action */
	width:auto; /* for navi action */
	width : 100% ;
	

}


.footer {
	clear : both ;
 	border-top:1px solid #398EAE;
	margin : 0em 5em 0em;
	_padding-bottom : 0em;
	padding-top: 0.5em;
	width : auto ;
	line-height: 1em;	
 	border-left-width : 0px;
  	border-right-width : 0px;
  	text-align: left;
}

 
.navi ul{
	font-size: 9pt;
	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" ;
	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 */
	
	_margin: 0 0px 0 0;
}

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

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

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

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

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

	
.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 : large ;
	_font-size : medium ;
	font-weight : bold ;
	color : #333333 ;
	margin : 2em 0 1.5em 0 ; 
	_border-left : 5px solid #888888;
	_padding-left : 10px;
	line-height : 1em;
}

/*h2:before     { content : "〓 ";  color : #888888 ; }*/

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

	font-size : medium ;
	_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 : medium ;
    _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 : small ;
	_font-size : 90% ;
	display : none ;

}

/*/                                        Contents Section                                        /*/
.contents {
	clear : both ;
	margin : 0em 5em 0em 5em;
	padding:  0px 0 0 0;/* IEがタコなので、margin-bottomではなくて、padding-bottomで調節 */

	line-height : 2em ;
	color : black ;

	border-width : 1px ;
	border-color : white ;
	border-style : solid ;
	border-top : 1px solid white;
	
	width : auto ;
	_width : 100% ;
	_text-align : left ;

}

 
.contents h1 {
	font-family : "Franklin Gothic Medium","Verdana","Arial","ヒラギノ角ゴ Pro W3",sans-serif;
	margin : 1.5em 0 1em ;
	padding : 0 0 0.5em 0;
	font-size: 1.5em ;
	font-weight : bold ;

	color : #333333 ;
	border-bottom : 1px dotted #888888;
	_border-bottom : 2px dotted #888888;
}

.note {
	font-size : small ;

/* Win IE 5.5以前、Win IE 6互換モード用
	キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる
	http://members.at.infoseek.co.jp/cssbug/detail/winie/b060.html
	を、参照 */
	_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 : small ;
	_font-size : 90% ;　   /*IE6で、h4 の _font-size : 100% ;　が、この指定で、history中のh4は、90%になる。IE6が駆逐されたら、このテクニックｙは不要。*/
	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 : small ;	/*mediumに指定しているのを、smallに指定する*/
	_font-size : 100% ;　/*IE6では、上の行で、IE6のh4ももう一度、smallになってしまうので、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 : small ;
	_font-size : 90% ;
	line-height : 1em ;
}

#address {
	margin-top : 2em ;
}

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

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


.main {
	float : left;
	width : 68%;

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

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

.sub {
	float: left;
	width : 28%;
	_width :auto;

	font-size : small ;
	_font-size : 90% ;
	padding : 3em 0 0 1em;
	margin : 0;
}

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

.ad {
	text-align: center;
	line-height: 1.2em;

}

.adtext {
	text-align: center;
	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 : small ;
	_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.5em;
	margin : 0;
	font-size : small ;
	_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 {
	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;
}


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

dd {
	font-size : small;
	_font-size : x-small;
	line-height : 1.5em;	
}


.important {
	color : #bbbbbb;
	clear : both ;
	margin : 0em 5em 0em;
	padding:  0 0 0;
	_padding-bottom : 1.5em;
	text-align : right;
	width : auto ;
}

.important a,
.important a:link,
.important a:visited,
.important a:active,
.important a:hover
 {
 	font-size: 7pt;
	color : #bbbbbb;
	background-color: transparent ;
}