/*-------------------------------------------------------
2014/03 作成　沈　スタイルシート by鞘  
---------------------------------------------------------*/

/*--------------------------------------------------------
共通設定
----------------------------------------------------------*/

body { background-color: #fff; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size: 13px;}
h1, h2, h3, h4, h5, h6 { color: #000;}
p { color: #000; font-size: 13px; line-height: 1.2em;}
a { color: #000; font-size: 13px;}


/*全てのマージン・パディングを削除*/
* {margin:0; padding:0;}

/*回り込みの解除*/
.fclear {clear:both;}

a img { border: none; }

ul {
  list-style-type: none;
  font-size: 13px;
}


/*外枠*/

#loading{
	position: absolute;
	top:300px;
	left: 50%;
	margin-left: -30px;
}

#wrapper {
  width: 100%;
  text-align:left;
  margin: 0 auto;
  display:none;
}

#Topbar {
  background-color: #000;
  width: 100%;
  height: 30px;
  display: block;
  text-align: left;
}

#Topbar p {
  color: #fff;
  width: 100%;
}

#Topbar p img {
  padding: 7px;
}

#header {
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
}

#catch {
	height: 675px;
    margin: 0 auto;
	text-align: center;
	background: url(../img/Top_image.png) no-repeat center 0px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}


/*メインコンテンツ*/


#contents{
	width: 100%;
    background: url(../img/bg03.gif);
}


#main {
  width: 950px;
  text-align: left;
  margin: 0 auto;
  padding: 10px;
  float: center;
  text-shadow: 0px 0px 1px #808080;
  background: url(../img/main_bg02.png);
  border-color: #000;
  border-width: 1px 1px 0 1px;
  border-style: solid;
}

#main2 {
  width: 950px;
  text-align: left;
  margin: 0 auto;
  padding: 10px;
  float: center;
  text-shadow: 0px 0px 1px #808080;
}

#banner {
  background: url(../img/index.jpg) no-repeat;
  width: 937px;
  height: 634px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

p.index {
  font-size: 11px;
  color: #000;
}

#idx_ft {
  padding-top: 420px;
  margin: 0 auto;
  text-align: center;
}

#enter a {
  background: url(../img/enter_on.png) no-repeat;
  width: 50px;
  height: 20px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

#enter a:hover {
  background: url(../img/enter_off.png) no-repeat;
  width: 50px;
  height: 20px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

#New {
  background: url(../img/newbg.gif);
  width: 420px;
  height: 250px;
  display: block;
  color: #000;
  font-size: 13px;
  padding: 0 2px 2px 2px;
  margin-left: 9px;
  overflow: auto;
  border: #000 1px solid;
}


#main_left {
  width: 450px;
  height: 350px;
  display: block;
  float: left;
}

#main_right {
  width: 450px;
  display: block;
  float: left;
}

#main_center {
  width: 900px;
  display: block;
  float: left;
}

#footer {
  background: url(../img/footerbg.gif);
  width: 100%;
}

.white {
  color: #fff;
}


#foot1 {
  width: 250px;
  float: left;
}

#foot2 {
  width: 320px;
  float: left;
  padding: 0 10px 0 10px;
  margin: 0 10px 0 10px;
  border-left-style: solid;
  border-left-width: 1px;
  border-color: #ddd0ca;
}

#foot3 {
  width: 230px;
  float: left;
  padding: 0 10px 0 10px;
  margin: 0 10px 0 10px;
  border-left-style: solid;
  border-left-width: 1px;
  text-align: left;
  border-color: #ddd0ca;
}

div#copyright {
  color: #E6E6E6;
  margin: 0 auto;
  text-align: center;
}

#copyright p {
  color: #fff;
}

#footerInner {
  width: 900px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.mail a {
  background: url(../img/mail.png) no-repeat;
  width: 35px;
  height: 35px;
  display: block;
  margin-left: 50px;
}

.mail a:hover {
  background: url(../img/mail.png);
  width: 35px;
  height: 35px;
  display: block;
  margin-left: 50px;
  position: relative;
  top: 2px;
  left: 2px;
  float: left;
}




/*--------------------------------------------------------
ナビゲーション
----------------------------------------------------------*/
#gNavbg {
  background: url(../img/gNavbg.png) repeat-x;
  width: 100%;
  height: 96px;
  margin: 0 auto;
  text-align: center;
}

ul#gNav {
  width: 900px;
  height: 96px;
  margin: 0 auto;
  text-align: center;
}

ul#gNav li {
  width: 225px;
  height: 96px;
  overflow: hidden;
  float: left;
  margin: 0 auto;
  text-align: center;
}


ul.sanka {
  list-style-type: none;
  float: left;
  margin: 0 20px 20px 0;
}

/*リンクの並びとか*/

div.link {
  float: left;
  margin-right: 30px;
  color: #000;
  font-size: 13px;
}


li.mini {/*IE対策*/
  float: left;
}


/*--------------------------------------------------------
メールフォーム
----------------------------------------------------------*/

div#mailfrom {
  margin: 0 auto;
  text-align: left;
  width: 400px;
  padding: 10px;
}

div#mailfrom {
  text-align: left;
  width: 400px;
}



#mailfrom input {
  text-align: left;
  border: 1px #7d6d65 solid;
}

#mailfrom input.btm {
  text-align: left;
  border: 1px #7d6d65 solid;
  padding: 5px;
}

#mailfrom textarea {
  text-align: left;
  border: 1px #7d6d65 solid;
}

span.red {
  color: #CC3366;
  text-align: left;
}

/*--------------------------------------------------
フォント
--------------------------------------------------*/
h1 {
   width:900px;
   height:85px;
   margin:0;
   padding:0;
}

h2{
	font-size: 1.3em;
	height: 20px;
	padding-top: 0;
}

h3{
  font-size: 14px;
  color: #000;
  font-family: Tahoma;
  text-align: left;
}

h3.bar01{
  background: url(../img/bar01.gif) no-repeat;
  width: 440px;
  height: 40px;
  display: block;
  text-align: left;
  text-indent: -9999px;
}

h3.bar02{
  background: url(../img/bar02.gif) no-repeat;
  width: 890px;
  height: 40px;
  display: block;
  text-align: left;
  text-indent: -9999px;
}


h3.bar03{
  background: url(../img/bar03.gif) no-repeat;
  width: 890px;
  height: 40px;
  display: block;
  text-align: left;
  text-indent: -9999px;
}



h3.bar04{
  background: url(../img/bar04.gif) no-repeat;
  width: 890px;
  height: 40px;
  display: block;
  text-align: left;
  text-indent: -9999px;
}

h3.bar05{
  background: url(../img/bar05.gif) no-repeat;
  width: 890px;
  height: 40px;
  display: block;
  text-align: left;
  text-indent: -9999px;
}

.highlight {
  background-color:#FF9D9D;
  border-bottom:#F30 1px solid;
  border-top:#F30 1px solid;
  padding: 4px 10px
}

.prof {
font-size: 13px;
color: #000;
width: 600px;
}

.atention {
color: #CC0033;
font-size: 13px;
}

.gall {
color: #000000;
font-size: 13px;
}


div#pagejump {
  float: right;
  text-align: left;
  position: relative;
  right: 10px;
  font-size: 13px;
}

/*リンクの並びとか*/

div.link {
  float: left;
  margin-right: 10px;
}


/*-----------------------------------------------------------------------------
オフライン
------------------------------------------------------------------------------*/

img { border-width: 0;}
span.red { font-weight: bold; color: #CC3366;}

img { border: 0px; margin: 0px;}
h3.shin { width: 355px; height: 30px; background-color: #000; position: relative; top: 200px; left: 330px; font-size: 13px; color: #000; line-height: 30px; text-align: left; margin: 10px 0 10px 0;}
p { color: #000; font-size: 13px;}
p.jouhou { margin-left: 10px;}


/*リンク類　統一*/

#sanka {
  float: left;
  margin-right: 5px;
  width: 500px;
  line-height: 1.2em;
  padding-left: 10px;
}
#akaboo a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(http://www.akaboo.jp/images/akaboo.gif) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}

#meragomu a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(http://meragomu.chu.jp/banner.gif) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}


#engetsu a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(http://toh.chu.jp/banner.jpg) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}

#warunori a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(../warunori/img/banner.jpg) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}

#lovecolle_su a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(http://zero-plan.com/love/bana.gif) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}


#lovecolle_au a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(http://zero-plan.com/love/2014inAutumn/bana.gif) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}


#lovecolle a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(http://zero-plan.com/love/bana.gif) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}

#carne a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(http://www.o-carnevale.net/5/200-40.gif) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}


#jyuza a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(http://engetunokoimoyou.himegimi.jp/img/banner.jpg) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}


#cmk a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(../img/cmk_banner.gif) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}



#tora a {
  width: 200px;
  height: 40px;
  display: block;
  background: url(http://www.toranoana.jp/icon/tora_bn.gif) no-repeat;
  margin: 0 10px 0 5px;
  float: left;
}


a {
  font-size: 13px;
  color: #000000;
}

input.under_txt {
  border: 0px;
  width: 100px;
  height: 15px;
  background-color: #000;
  color: #fff;
  padding: 3px;
}
input.under {
  border: 1px #000 solid;
  width: 50px;
  height: 20px;
  background: #000;
  color: #fff;
  vertical-align: middle;
}

