@charset "shift_jis";


/*---------- ページ全体の指定 ----------*/

table  { font-size: 12px; font-style: normal; font-weight: normal; line-height: 180%; text-align: left; letter-spacing: 1px }

body                 { color: #19448e; font-size: 12px; text-decoration: none; background: #f0ffff url("main/mainimg/bgaqua.jpg") no-repeat fixed 50% 0; text-align: center; font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }

a   { color: #19448e; font-size: 12px; text-decoration: none }

a:visited   { color: #19448e; font-size: 12px; text-decoration: none }

a:hover { color: #222222; font-size: 12px; text-decoration: none }

p {
  margin: 20px 0 20px 0;
  line-height: 160%;
  letter-spacing: 1px;
}

h1     { color: #333; font-size: 12px; text-decoration: none; margin: 0; padding: 2px 3px 0 }
li { list-style-image: url("main/mainimg/mark1.gif"); margin-top: 10px; margin-right: 5px; margin-bottom: 10px }
.small { font-size: 10px }
.link { font-weight: bold; text-decoration: underline }
.red { color: red }
.bold { font-weight: bold }
.large { font-size: 16px; font-weight: bold }
.pink { color: #ff1493; text-decoration: blink }
.shiro{ color:#FFF }

/*---------- メイン ----------*/

#main        { background-color: transparent; margin-right: auto; margin-left: auto; position: relative; width: 800px }



/*---------- ヘッダー ----------*/
#header    { background-color: transparent; margin: 0 font-family: osaka, "ＭＳ Ｐゴシック", sans-serif;  width: 800px; height: 150px }

#header-inner  { font-family: osaka, "ＭＳ Ｐゴシック", sans-serif; background-color: transparent; width: 800px; height: 150px }

#header h1    { color: #ffffff; font-size: 30px; text-decoration: none; text-align: center; margin: 0; padding-top: 20px }

#header a   { color: #ffffff; font-size: 30px; text-decoration: none }

#header a:hover   { color: #ffffff; font-size: 30px; text-decoration: none }

#header .sub    { color: #ffffff; font-size: 10px; font-style: italic; font-weight: lighter; line-height: 160%; text-decoration: none; text-align: right; margin-right: 12px }

/*----------ネットショップヘッダー---------*/

#netheader   {
	background-color: transparent;
	margin: 0;
	font-size: 13px;
	text-align: left;
	margin-left: 20px;
}

#netheader a   {
	color: #ffffff;
	font-size: 13px;
	text-decoration: underline;
}

#netheader a:hover   {
	color: #ffffff;
	font-size: 13px;
	text-decoration: underline;
}

/*---------- コンテンツ ----------*/

#container           { margin: 10px 10px 10px 20px; width: 760px }



/*----------- ネットショップコンテンツ ------------*/

#sopcontents{
	margin-right: 120px;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 560px;
}


/*----------　ネットショップ　----------*/

#netshop {
	line-height:180%;
	text-align:left;
	letter-spacing:1px;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: 560px;
}

#netshop a {
	text-decoration:underline;
	font-weight: bold;
}

#netshop a:hover {
	text-decoration:underline;
	font-weight: bold;
}


#netshop .maintop  { background-image: url("main/mainimg/maintop1.gif"); background-repeat: no-repeat;background-position:center; height: 15px }

#netshop .mainbody          {
	background-color: #f0ffff;
	background-position:center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

#netshop .mainbodyl {
	background-color: #f0ffff;
	width: 700px;
	background-position: center;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#netshop .mainunder       { background-image: url("main/mainimg/mainunder.gif"); background-repeat: no-repeat; background-position:center; height: 15px }



/*---------- メインコンテンツ ----------*/
#contents             { line-height: 180%; text-align: left; letter-spacing: 1px; width: 560px; float: right; overflow: hidden }

#contents .photo           { background-color: #f0ffff; padding: 10px 15px 15px; height: 180px }

#contents .longtext            { background-color: #f0ffff; padding: 10px 50px 15px }

#contents img.left       { margin: 10px 20px 10px 10px; float: left; clear: left }

#contents img.migi     { margin: 10px 10px 10px 20px; float: right; clear: right }

#contents img.niko             { margin: 10px }
#contents img.icon { margin-right: 15px; margin-left: 15px; float: inherit }
#contents h1                  { color: #19448e; font-size: 14px; background-image: url("main/mainimg/maintop.gif"); background-repeat: no-repeat; background-attachment: scroll; margin: 0; padding: 10px 0 0 45px; height: 55px; overflow: hidden }

#contents h2              { color: #19448e; font-size: 14px; background-image: url("main/mainimg/maintop2.gif"); background-repeat: no-repeat; background-attachment: scroll; margin: 0; padding: 23px 0 0 53px; height: 45px; max-height: 52px; overflow: hidden }

#contents .mainbody          { background-color: #f0ffff; padding: 10px 15px 5px }

#contents .mainunder       { background-image: url("main/mainimg/mainunder.gif"); background-repeat: no-repeat; background-position: left 0; height: 15px }
#contents .maintop  { background-image: url("main/mainimg/maintop1.gif"); background-repeat: no-repeat; background-position: left 0; height: 15px }
#news      { background-color: white; margin-left: 5px; padding: 5px; width: 500px; height: 150px; overflow: auto; border: solid 1px #999999 }



/*---------- メニュー ----------*/
#menu          { text-align: left; margin: 5px 0 0; width: 175px }

#menu h1            { color: #19448e; font-size: 12px; background-image: url("main/mainimg/menutop.gif"); background-repeat: no-repeat; background-attachment: scroll; text-align: left; padding: 6px 0 0 28px; height: 34px }

#menu .sidebody       { line-height: 180%; background-color: #f0ffff; padding: 5px 0 5px 20px; overflow: hidden }

#menu .sideunder   { background-image: url("main/mainimg/menuunder.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 20px }
#menu .sub    { font-weight: bold; line-height: 180%; text-align: left; padding-left: 18px }
#menu .sub2     { font-weight: 500; line-height: 180%; text-align: left; padding-left: 10px }
#menu a   { color: #19448e; font-size: 12px; text-decoration: none; cursor: pointer }
#menu a:hover { color: #222222; font-size: 12px; text-decoration: none }



/*---------- ナビゲーター ----------*/
#navi               { color: #666666; font-size: 12px; text-decoration: none; text-align: center; margin-top: 5px; margin-bottom: 5px }
#navi  a   { color: #19448e; font-size: 12px; text-decoration: none }
#navi  a:hover    { color:#222222; font-size: 12px; text-decoration: none }

/*---------- フッター ----------*/

#footer     { color: #333; font-size: 12px; background-color: #4169e1; text-align: center; padding: 10px 0; clear: both; border-top: 6px solid #b0c4de }

#footer h1 {
  margin: 0;
  text-align: right;
  padding: 0 8px 0 0;
  font-size: 12px;
  color: #666666;
}

#footer h1 a {
  color: #666666;
  font-size: 12px;
 }

#footer h1 a:hover {
  color: #666666;
}

#footer a {
  color: #666666;
  font-size: 12px;
  text-decoration: none;
 }

#footer a:hover {
  color: #666666;
}

/*---------- ？？？ ----------*/

a.pass:link{color:#19448e;text-decoration:none;}
a.pass:visited{color:#19448e;text-decoration:none;}
a.pass:active{color:#19448e;text-decoration:none;}
a.pass:hover { color:#FFFFFF;text-decoration:none;} 
a.aikotoba:link{color:#19448e;text-decoration:none;}
a.aikotoba:visited{color:#19448e;text-decoration:none;}
a.aikotoba:active{color:#19448e;text-decoration:none;}
a.aikotoba:hover { color:#FFFFFF;text-decoration:none;}