@charset "shift_jis";

/*------------------------------------------------
	　　レター型角丸-青色
		
		著作権　黄金のネット生活	
		http://ougonnetlife.com/	
------------------------------------------------*/
/*------------------------------------------------
　　初期設定-ブラウザのクセをある程度初期化
------------------------------------------------*/
*{
	font-family: "MS PGothic", Osaka, sans-serif;
	margin: 0;
	padding: 0;
}

body{
	text-align: center;
	background-color: #ccffff;
}

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

/*------------------------------------------------
　　本体の設定 背景画像 ブラウザ表示の中央寄せ
	本体の幅
------------------------------------------------*/
#contents{
	width:640px;
	background:#ffffff url(parts/template2bluemiddle.gif);/*背景画像文中の部分 上から下まで繰り返し*/
	margin:0 auto;
}

/*----本文部分の左右余白を設定------------------*/
#inside{
	margin:0 15px;
}

/*------------------------------------------------
　　トップ部分、背景も入っている
------------------------------------------------*/
.top{
	width: auto;
	padding: 15px;/*トップ見出しまわりの余白*/
	background: url(parts/template2bluetop.gif) no-repeat center top;/*背景画像の頭の部分*/
}

/*------------------------------------------------
　　見出し
------------------------------------------------*/
h1{
	font-size: 50px;/*トップ見出しのサイズ*/
}

h2,h3{
	line-height: 40px;/*これを設定する事で上下に余白ができます*/
	font-size: 30px;/*小見出しのサイズ*/
}

/*------------------------------------------------
	見出しの枠線（ボーダー）の設定
	下の設定を参考に自分で作るのもいいでしょう
	CSSの書き方　２種とも内容的には同じ
	通常どちらかに統一して書きます
------------------------------------------------*/
.midashi-uesita{
	border-top-width: 2px;/*ここから上の線-太さ*/	
	border-top-style: solid;/*上の線-線の種類*/
	border-top-color: #ff0000;/*上の線-線の色*/
	
	border-bottom: 2px solid #ff0000; /*まとめて書く書き方-下の線*/
}

/*------------------------------------------------
	見出しの枠線（ボーダー）の設定
	枠線で囲んだタイプ
------------------------------------------------*/
.midashi-waku{	
	border: 2px solid #ff0000; /*まとめて書く書き方*/
}

/*------------------------------------------------
　　本文の設定
------------------------------------------------*/
#inside p{
	margin: 0 50px;/*文章外側の余白　上下0px左右50px*/
	line-height: 160%;/*行間の設定*/
	text-align: left;/*左寄せの設定 中央の時はleftに変えてcenterを入れる 右寄せはright*/
	font-size: 14px;
	color :#333333;
}

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

.boxyellow{
	background-color: #ffff00;
}

.boxgreen{
	background-color: #00ff00;
}

.boxred{
	background-color: #ff0000;
}

.red{
	color: #ff0000;
}

.blue{
	color: #0000ff;
}

.yellow{
	color: #ffff00;
}

.green{
	color: #00ff00;
}

.white{
	color: #ffffff;
}

/*------------------------------------------------
　　　著作権の表示
------------------------------------------------*/

#hooter{ 
	width: auto;
	height: 50px;
	background: url(parts/template2bluebottom.gif) no-repeat center bottom;
}

address{
	font-family: "Times New Roman",Times, serif;
	font-size: 13px;
	font-style: normal;/*addressで囲んだときこれを入れないと斜体になる*/
}

/*リンクの見た目の設定*/

address a{
	text-decoration: none;/*リンクの下線表示をなくす*/
	color: #333333;
}