@charset "shift_jis";

/*------------------------------------------------
	　　2カラムバリエーションタイプ2
		黄色　左メニュー		
		著作権　黄金のネット生活	
		http://ougonnetlife.com/	

著作権は消さないようにお願いします。
それ以外のコメントは特に必要なければ消してください。
------------------------------------------------*/
/*------------------------------------------------
　　		全体の基本設定 
------------------------------------------------*/
* {
	font-family:"MS PGothic", Osaka, sans-serif;
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	color: #333333;
}

h1 a,h2 a,h3 a,h4 a {
	font-size:100%;
	text-decoration: none;
}

p,ul,ol {
	font-size: 90%;
	color: #333333;
	line-height: 150%;/*行間の設定*/
}


/*------------------------------------------------
　　本体の設定 背景画像 ブラウザ表示の中央寄せ
	本体の幅
------------------------------------------------*/
div#shadow{
	width: 780px;
	margin: 0px auto;
	background: transparent url(parts/shadow780.jpg) repeat-y;
}

div#container{
	width: 760px;
	margin: 0px auto;
	background-color: #ffffff;
	border-bottom:1px solid #cccccc;
}

/*------------------------------------------------
　　トップ・文章の枠画像等
------------------------------------------------*/

.header-top {
	height:20px;
	background: transparent url(parts/headerorange-top.gif) no-repeat;
}

.header-middle {
	background: transparent url(parts/headerorange-middle.gif) repeat;
}

.header-bottom {
	height:20px;
	background: transparent url(parts/headerorange-bottom.gif) no-repeat center bottom;
}

.main-top {
	height:20px;
	background: transparent url(parts/mainorange-top.gif) no-repeat;
}

.main-middle {
	background: transparent url(parts/mainorange-middle.gif) repeat;
}

.main-bottom {
	height:20px;
	background: transparent url(parts/mainorange-bottom.gif) no-repeat center bottom;
}

.main-bottom p, .header-bottom p {
	margin: 0px 10px;
	font-size: 13px;
	text-align: right;
	color: #0000ff;
	line-height: 25px;
}

/*	h1見出し
------------------------------------------------*/
h1, h1 a{
	padding-left:10px;
	height:50px;
	font-size:50px;
	color:#0000ff;
}

h1{
	background: transparent url(parts/title002orange.gif) no-repeat right bottom;/*背景画像*/	
	border-bottom:1px solid #ffcc00;
}


/*------------------------------------------------
　　メインコンテンツ部分
------------------------------------------------*/
#mainside{
	width:560px;
	float:right;
	display: inline;
}

#main-box{
	padding:10px 10px 10px 0;
	text-align:left;
	clear: both;
}

/*------------------------------------------------
　　　メニュー列の設定
------------------------------------------------*/
#sidebar{
	width:190px;
	float:left;
	display: inline;
}

#side-box{
	padding:10px 0 0 10px;
	text-align:left;
	clear: both;
}

/*------------------------------------------------
　　見出しタイプ
------------------------------------------------*/

/*	基本の設定
------------------------------------------------*/
h2, h3{
	font-size:15px;
	padding: 0px 10px;
	line-height:25px;
	color:#0000ff;/*--見出しの文字色--*/
	background-color: transparent;
}

h2 a, h3 a {
	color:#0000ff;/*--見出しの文字色--*/
	background-color: transparent;
	text-decoration: none;
}

/*---見出しタイプ1---*/
.entry-1{	
	background: transparent url(parts/mainorange-betatop.gif) no-repeat top;	
}

/*---見出しタイプ2---*/

.entry-2{
	background: transparent url(parts/mainorange-top.gif) no-repeat;
}

/*---商品部分見出し---*/
.entry-3{	
	background: transparent url(parts/main-entry-orange-beta.gif) no-repeat;
}


/*------------------------------------------------
　　更新枠の設定
------------------------------------------------*/
.renew{
	height:70px;
	padding: 3px 5px;	
	border-top:1px dotted #ffcc00;
	border-bottom:1px dotted #ffcc00;
	overflow:auto;	
	background: transparent url(parts/mainorange-middle.gif) repeat;
}

#main-box .renew p{
	line-height:120%;/*行間の設定*/
	font-size:12px;
	color: #666666;
	background-color: transparent;
}


/*------------------------------------------------
　　本文の設定
------------------------------------------------*/
#main-box p{
	padding: 0px 10px;/*文章と左右外枠の間隔をあける*/
	line-height:140%;/*行間の設定*/
}


/*　商品枠のフォント・初期設定
------------------------------------------------*/
table, table p , table a {
	font-size: 12px;
	text-align: left;
	color: #666666;
	background-color: transparent;
}

/*------文章枠のまわりに枠線をつける--------------*/
.border-all{
	border: 1px dotted #ffcc00;
}

/*------文章枠の上下に破線の枠線------------------*/
.border-tb{
	border-top: 1px dotted #ffcc00;
	border-bottom: 1px dotted #ffcc00;
}


/*------------------------------------------------
　　　サイドバー見出し
------------------------------------------------*/
h4 {
	padding: 0 10px;
	font-size: 14px;
	line-height: 25px;/*行間の設定*/
	color:#0000cc;/*-----文字色------*/
	background-color: transparent;
}

h4 a {
	width:100%;
	color:#0000cc;/*-----文字色------*/
	background-color: transparent;
	text-decoration:none;/*--リンクの下線を消す--*/
	display:block;
}

h4 a:link:hover, h4 a:visited:hover {
	color:#ff0000;/*-----文字色------*/
}	

#side-box p{
	padding: 0 5px;
}

#side-box img{
	border: 0;
	text-align:center;/*---画像を入れた時に中央になるように--*/
}

.side-entry1{
	background: transparent url(parts/sideorange-betatop.gif) no-repeat;
}

.side-entry2{
	background: transparent url(parts/sideorange-top.gif) no-repeat;
	border-bottom:1px solid #ffcc00;	
}

.side-entry3{
	background: transparent url(parts/side-entry-orange-beta.gif) no-repeat;
}

.menu-middle{
	background: transparent url(parts/sideorange-middle.gif) repeat;
}

.menu-bottom{
	height: 10px;
	margin-bottom: 5px;/*--メニュー間に5pxの空白をつくる--*/
	background: #ffffff url(parts/sideorange-bottom.gif) no-repeat center bottom;
}


/*------------------------------------------------
　　　メニューの設定
------------------------------------------------*/

/*　タイプ1
------------------------------------------------*/
.menu-ul {
	padding-bottom: 0;
}

.menu-ul li, .menu-ul li a {
	list-style-type: none;/*--リストの先頭のドットを消す--*/
	text-indent: 0.5em; 
	font-size:12px;
	line-height: 150%;
	color:#666666;
	background-color:transparent;
}

.menu-ul li {
	border-bottom:1px dotted #ffcc00;
}

/*	タイプ２
------------------------------------------------*/
.menu-ul2 {
	padding-left: 20px;
}

.menu-ul2 li, .menu-ul2 li a {
	font-size: 12px;
	color: #666666;
	line-height: 150%;
	background-color:transparent;
}


/*　リンク時の設定
------------------------------------------------*/
.menu-ul li a, .menu-ul2 li a {
	text-decoration: none;/*--リンクの下線を消す--*/
	height: 150%; /*-----IE対策------*/	
	display: block;	
}

/*　メニューにマウスポインタが乗った時色がかわる
------------------------------------------------*/

.menu-ul li a:link:hover, 
.menu-ul li a:visited:hover,
.menu-ul2 li a:link:hover, 
.menu-ul2 li a:visited:hover {
	color: #ff0000;/*-----メニューの文字色------*/
	background-color: #ffffcc;/*--バックの色----*/
}

li.noborder {
	border-bottom: none;
}


/*------------------------------------------------
　　ボトムマージンを付け、少し間隔をあける
------------------------------------------------*/
.marg1 {
	margin-bottom:1px;
}

.marg5 {
	margin-bottom:5px;
}

.marg10 {
	margin-bottom:10px;
}

.marg20 {
	margin-bottom:10px;
}


/*------------------------------------------------
　　	アイコンの設定
------------------------------------------------*/
.icon1{
	background: transparent url(parts/icon2-yellow.gif) no-repeat left center;
	padding-left:18px;
	display:block;
}

/*------------------------------------------------
　　　色の設定用　下の設定を参考に自分で
					作るのもいいでしょう。
------------------------------------------------*/
.mojired{
	color:#ff0000;
}

.mojiblue{
	color:#0000ff;
}

.mojiyellow{
	color:#ffff00;
}

.mojigreen{
	color:#00ff00;
}

.mojiwhite{
	color:#ffffff;
}

/*------------------------------------------------
　　　著作権の表示
------------------------------------------------*/
div#footer{
	clear:both;
	height:70px;
	width:740px;
	margin: 0px auto;
	background: transparent url(parts/footer-orange.gif) no-repeat;
}

address{
	padding-top:15px;
	margin: 0px auto;
}	

address p, address a{
	font-family: "Times New Roman",Times, serif;
	font-size:13px;
	font-style:normal;text-decoration:none;/*リンクの下線表示をなくす*/
	color:#333333;
}