@charset "shift_jis";
/*------------------------------------------------
	　	2カラムヘッダー付きベーシック
		灰色　左メニュー
		著作権　黄金のネット生活	
		http://ougonnetlife.com/	

著作権は消さないようにお願いします。
それ以外のコメントは特に必要なければ消してください
------------------------------------------------*/
/*------------------------------------------------	　
		ブラウザのスタイルを初期化	
------------------------------------------------*/
*{
  font-family:""MS PGothic, Osaka, Sans-serif;
  margin: 0;
  padding: 0;
}
BODY{
  text-align: center;
  background-image : url(hane_31_b03.jpg);
  background-attachment : fixed;
  background-repeat : repeat;
}
h1,h2,h3,h4,h5,h6{
  font-size: 100%;
  color: #333333;
}
p,ul,ol{
  font-size: 90%;
  color: #333333;
  line-height: 150%;
/*行間の設定*/
}
/*------------------------------------------------
　　	本体の設定 
------------------------------------------------*/
DIV#shadow{
  width: 780px;
  margin: 0 auto;
  background-repeat : repeat;
}
div#container {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
　border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background-color: #ffffff;
}
div#inside {
  width: auto;
  max-width: 740px;
  margin: 0 10px;
}
/*div#container{
  width: 760px;
  margin: 0 auto;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background-color: #ffffff;
}
div#inside{
  width: 740px;
  margin: 0 10px;
}*/

/*------------------------------------------------
　　	ヘッダー部分
------------------------------------------------*/
#header{
  height : 105px;
  border-top : solid #ffffff;
  border-top-width : 0px;
  border-bottom: 2px solid #ffffff;
  background-repeat : repeat;
  background-image : url(carnation5-879.jpg);
}
.header-top{
  height: 80px;
  text-align: left;
}
.header-top P{
  line-height: 120%;
  /*h1にあわせるとセンターにそろう*/
	padding: 0 10px;
  font-size : 10px;
  color : #ffffff;
}
.header-bottom{
  height: 20px;
  text-align: right;
}
.header-bottom P{
  padding: 0 5px;
  line-height: 20px;
}
/*　タイトルの設定
------------------------------------------------*/
H1,H1 A{
  font-size : 11px;
  text-indent: 10px;
  line-height: 40px;
/*header-topにあわせるとセンターにそろう*/
  
}
/*------------------------------------------------
		メインコンテンツ部分の配置
------------------------------------------------*/
#mainside{
  width: 530px;
  float: right;
  display: inline;
  margin-top : 18px;
}
/*　コンテンツ部分内枠
------------------------------------------------*/
#mainside-box{
  clear: both;
  text-align: left;
  padding : 6px 0px 10px;
  padding-left : 0px;
/*------文章と外枠の間隔をとる--*/

  
}
/*------------------------------------------------
		サイドバー（メニュー）部分の配置
------------------------------------------------*/
#sidebar{
  width : 200px;
  display: inline;
  margin-top : 15px;
  float : left;
}
/*　メニュー部分内枠
------------------------------------------------*/
#sidebar-box{
  clear: both;
  text-align: left;
  padding-right : 0px;
  padding-bottom : 0px;
  padding-left : 0px;
  /*------文章と外枠の間隔をとる--*/

  padding-top : 6px;
}
/*------------------------------------------------
　　		更新枠の設定
------------------------------------------------*/
.renew{
  height: 70px;
  overflow: auto;
  /*---文章が縦70px越すとスクロールパー---*/
	padding: 3px 0;
/*------文章の上下間に余白をとる--*/
}
.renew p{
  line-height: 120%;
  /*行間の設定*/
	font-size: 12px;
}
/*------------------------------------------------
　　		本文見出し周りのタイプ
------------------------------------------------*/

/*　見出しの基本設定
------------------------------------------------*/
H2, H3{
  font-size : 14px;
  padding:0px 5px;
  line-height:25px;
  color:#333333;
  margin-bottom: 10px;
/*見出しの下-文章との間に10pxの空白をもうける*/
}
/*　タイプ1
------------------------------------------------*/
.entry-1{
  background : url(parts/graynaname.gif) repeat;
}
/*　タイプ2
------------------------------------------------*/
.entry-2{
  border-left: 5px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
/*　タイプ3
------------------------------------------------*/
.entry-3{
  border-bottom: 2px solid #cccccc;
}
/*　タイプ4
------------------------------------------------*/
.entry-4{
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}
/*　見出し下のマージンを消す・更新履歴など
------------------------------------------------*/

#mainside-box .no-margin{
  margin-bottom: 0;
}
/*------------------------------------------------
　　		本文の設定
------------------------------------------------*/

/*　文章
------------------------------------------------*/
#mainside-box p{
  padding: 0 5px;
/*文章と左右外枠に5px間隔をあける*/
}
/*　商品枠のフォント・初期設定
------------------------------------------------*/
TABLE, TABLE P, TABLE A{
  text-align: left;
  

  
  

  font-size : 12.5px;
}
/*　文章に枠線をつける・divでかこむ
------------------------------------------------*/
.border-all{
  border-top-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-width : 1px;
  border-style : solid solid solid solid;
  border-color : #cccccc #cccccc #cccccc #cccccc;
}
/*　文章の3辺に枠線をつける(参考）
------------------------------------------------*/
.border-rlb{
  /*border-top:1px solid #cccccc;
  */
	border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
/*　文章の上下に破線をつける(参考）
------------------------------------------------*/
.border-tb{
  border-top: 2px dotted #cccccc;
  border-bottom: 2px dotted #cccccc;
}
/*　枠線が重複しないように消す
------------------------------------------------*/
.no-border {
  /*border-top: none;
*/
}
/*------------------------------------------------
　　　	サイドバーの見出し・ボタン
------------------------------------------------*/

h4, .side-entry, .linkbox-entry{
  font-size: 13px;
  padding: 0px 5px;
  line-height: 20px;
  color:#ffffff;
  background-color: transparent;
}
H4, .side-entry, .linkbox-entry{
  border: 1px solid #cccccc;
  background : url(red2naname.gif);
  background-repeat : repeat;
}
/*リンク時の設定
------------------------------------------------*/

H4 A, .side-entry A, .linkbox-entry A{
  width: auto;
  /*--リンクの下線を消す--*/
	display: block;
  color : #ffffff;
  text-decoration : none;
}
/*　メニューにマウスポインタが乗った時色がかわる
------------------------------------------------*/

h4 a:link:hover, 
h4 a:visited:hover,
.side-entry a:link:hover, 
.side-entry a:visited:hover,
.linkbox-entry a:link:hover, 
.linkbox-entry a:visited:hover{
  text-decoration: none;
  color : #ffffff;
  background-color: transparent;
}
/*------------------------------------------------　
			汎用枠
------------------------------------------------*/

/*　ボーダー有り・左寄せ
------------------------------------------------*/
.linkbox{
  padding: 5px;
  text-align: left;
  border: 1px solid #cccccc;
  border-top: none;
/*見出しと重なるときはトップボーダーを消す*/
}
/*　ボーダー有り・センター寄せ
------------------------------------------------*/
.linkbox2{
  padding: 5px;
  text-align: center;
  border: 1px solid #cccccc;
}
.linkbox p, .linkbox2 p{
  color: #666666;
  line-height: 120%;
  /*行間の設定*/
	background-color:transparent;
}
/*------------------------------------------------
　　　		メニューの設定
------------------------------------------------*/

/*	メニューの設定　タイプ1
------------------------------------------------*/
.menu-ul{
  padding-bottom: 14px;
  list-style-type:none;
  /*--リストの先頭のドットを消す--*/
	border: 1px solid #cccccc;
  border-top: none;
/*見出しと重なるときはトップボーダーを消す*/
}
.menu-ul LI, .menu-ul LI A{
  text-indent: 0.5em;
  font-size : 13px;
  line-height: 150%;
  color : #575757;
  background-color: #ffffff;
  border-bottom:1px dotted #cccccc;
}
/*	メニューの設定　タイプ２
------------------------------------------------*/
.menu-ul2{
  padding-left: 20px;
  border: 1px solid #cccccc;
  border-top: none;
/*見出しと重なるときはトップボーダーを消す*/
}
.menu-ul2 LI, .menu-ul2 LI A{
  font-size : 13px;
  color:#575757;
  line-height: 150%;
  background-color:transparent;
}
/*　リンク時の設定
------------------------------------------------*/
.menu-ul LI A, .menu-ul2 LI A{
  border: none;
  /*--リンクの下線を消す--*/
	height: 150%;
  /*-----IE対策------*/	
	display: block;
  text-decoration : none;
}
/*　メニューにマウスポインタが乗った時色がかわる
------------------------------------------------*/

.menu-ul li a:link:hover, 
.menu-ul li a:visited:hover,
.menu-ul2 li a:link:hover, 
.menu-ul2 li a:visited:hover{
  text-decoration:underline;
  color:#575757;
  /*-----メニューの文字色------*/
	background-color:#ffffff;
/*--バックの色----*/
}
li.noborder{
  border-bottom:none;
}
/*------------------------------------------------
　　ボトムマージンを付け、少し間隔をあける
------------------------------------------------*/
.marg1{
  margin-bottom:1px;
}
.marg10{
  margin-bottom:10px;
}
.marg20{
  margin-bottom:10px;
}
/*------------------------------------------------
　　		アイコンの設定
------------------------------------------------*/
.icon1{
  background : url(parts/icon-squere-brue001.gif) no-repeat;
  padding-left:18px;
  display:block;
}
.icon2{
  background : url(parts/mail.gif) no-repeat left center;
  padding-left:23px;
  display:block;
}
/*------------------------------------------------
　　　		floatのクリア
------------------------------------------------*/
.clear{
  clear:both;
}
/*------------------------------------------------
　　文字色の設定用　下の設定を参考に自分で
					作るのもいいでしょう。
------------------------------------------------*/
.mojired{
  color : #ff0000;
  font-weight : bold;
}
.mojiblue{
  color:#0000ff;
}
.mojiyellow{
  color:#ffff00;
}
.mojigreen{
  color:#00ff00;
}
.mojiwhite{
  color:#ffffff;
}
/*------------------------------------------------
　　　		著作権の表示
------------------------------------------------*/
#footer{
  width: auto;
  height: 70px;
  border-top: 5px solid #cccccc;
}
address{
  padding-top: 15px;
  margin: 0 auto;
}
ADDRESS P, ADDRESS A{
  font-size: 13px;
  font-style: normal;
  color: #666666;
/*リンクの下線表示をなくす*/
}
HR{
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
}
a{
  text-decoration : none;
}