@charset "utf-8";
/* CSS Document */


body{
	background-color:#FFFFFF;/*　背景色指定　*/
	background-repeat:no-repeat;/*背景画像のリピート*/
	background-attachment:fixed;/*背景画像の固定*/
	margin:0;
	padding:0;
	text-align: center;/* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます。ただしこの指定方法はインライン要素の位置揃えの方法 */
}


#contents{
	background-color:#DDFFFF;
	width: 1000px;
	height:auto;
	margin: 0 auto; /*　ブロックレベル要素のセンタリングの正規指定　*/
	border: 0px solid #000000;
	text-align: left; /*　ボックス内の文字は左詰めで表示される　*/
}


/* --------------------------------------------------------
                サイトマップ等のリンク 
---------------------------------------------------------- */

#site_map {
	width:1000px;
	height:20px;
	display:block;
	float:none;
	text-align:right;
	line-height:20px;/*　要素内の上下中央にテキストを配置(値＝その要素内の高さ)　*/
	margin: 0 auto; /*　ブロックレベル要素のセンタリングの正規指定　*/
}
	

/* --------------------------------------------------------
                   ヘッダーの指定 
---------------------------------------------------------- */

#header {
	background-color:#69ABFC;/*　ヘッダーの背景色　*/
	width:980px;/*　ヘッダーの横幅（全体[800px]－paddingnによるの左右の余白[10px×2]）　*/
	height:180px;/*　ヘッダーの横幅（全体[200px]－paddingnによるの上下の余白[10px×2]）　*/
	display:block;/*　ヘッダー要素の表示形式の指定　*/
	padding:10px;/*　ヘッダー内の上下左右の余白　*/
	position: relative;/*　ヘッダー内の親要素の指定　*/
}

#header h1 {
	background-color:#69ABFC;/*　h1の背景色　*/
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";/*　フォントの指定　*/
	font:180%;/*　文字の大きさの指定　*/
	font-weight:bold;/*　文字の線の太さの指定　*/
	color:#F0F8FF;/*　文字色の指定　*/
	text-align:left;/*　テキスト左詰め　*/
	position: absolute;/*　親要素に対しての絶対配置の指定　*/
	top: 50%;/*　ヘッダー内の上下中央に配置　*/
	margin-top: -1em;/*　ヘッダー内の上下中央に配置　*/
	text-decoration: none; /*　リンクの下線を消す指定　*/
}

#header h1 a {
    color: #F0F8FF;
    text-decoration: none;
}

p.header_text{
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#F0F8FF;/*　文字色の指定　*/
	text-align:right;
	position: absolute;/*　親要素に対しての絶対配置の指定　*/
	top:10px;/*　ヘッダー内の上詰めで表示(ヘッダーのpaddingn値を入力)　*/
	right:10px;/*　ヘッダー内の右詰めで表示(ヘッダーのpaddingn値を入力)　*/

}

p.header_text a {
    color: #F0F8FF;
    text-decoration: none;
}


/* --------------------------------------------------------
                   コンテナの指定 
---------------------------------------------------------- */

#container{
	background-color:#DDFFFF;
	width: 900px;
	height: auto;
	margin:0 50px;
	position:relative;
}


/* --------------------------------------------------------
                   パンくずリストの指定 
---------------------------------------------------------- */

#pankuzu{
	font-size:12px;
	position: relative;
	width: 900px;
	height: auto;
	margin:0 50px;
	line-height:20px;/*　要素内の上下中央にテキストを配置(値＝その要素内の高さ)　*/
	color:#666666;/*　文字色の指定　*/
}


/* --------------------------------------------------------
                   メイン画面の指定  
---------------------------------------------------------- */

#main{
	background-color:#FFFFFF;
	width: 610px;/*　メイン画面の横幅（全体[500px]－paddingnによるの左右の余白[15px×2]）　*/
	height:auto;/*　メイン画面の縦幅（全体[500px]－paddingnによるの上下の余白[15px×2]） ※autoにすればテキスト内容に合わせたサイズになります。　*/
	padding:15px;/*　メイン内の上下左右の余白　*/
	margin:0 0 50px 0;/*　メイン画面の下の余白　*/
	border:none;/*　メイン画面の枠（なし）にしました　*/
	float:left;/*　メイン画面をコンテナ内左側に配置の指定　*/
}

#main h1{
	border-width: 0px 0px 2px 20px; /*  見出し背景  枠の幅 */
	border-style: solid; /*   見出し背景  枠の種類 */
	border-color: #00CCFF; /*   見出し背景  枠の色 */
	padding-left: 10px; /*   見出し背景  左の余白 */
	line-height: 100%; /*   見出し背景  行の高さ */
	background-color:#FFFFFF;/*　h1の背景色　*/
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";/*　フォントの指定　*/
	color:#666666;/*　文字色の指定　*/
	font:200%;/*　文字の大きさの指定　*/
	font-weight:bold;/*　文字の線の太さの指定　*/
	text-align:left;/*　テキスト左詰め　*/
}

#main h1 a {
    color: #666666;
    text-decoration: none;
}

#main h2{
	border-width: 0px 0px 2px 20px; /*  見出し背景  枠の幅 */
	border-style: solid; /*   見出し背景  枠の種類 */
	border-color: #00CCFF; /*   見出し背景  枠の色 */
	padding-left: 10px; /*   見出し背景  左の余白 */
	line-height: 100%; /*   見出し背景  行の高さ */
	background-color:#FFFFFF;/*　h2の背景色　*/
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";/*　フォントの指定　*/
	font:150%;/*　文字の大きさの指定　*/
	font-weight:bold;/*　文字の線の太さの指定　*/
	color:#666666;/*　文字色の指定　*/
	text-align:left;/*　テキスト左詰め　*/
	margin:0 0 25px 15px;/*　左[任意値]と下[任意値]の余白指定　*/
	
}

#main h2 a {
    color: #666666;
    text-decoration: none;
}

#main h3{
	background-color:#FFFFFF;/*　h3の背景色　*/
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#666666;/*　文字色の指定　*/
	font-weight:normal;/*　文字の線の太さの指定　*/
	text-align:left;/*　テキスト左詰め　*/
	margin:auto 0 auto 25px;
}

#main .item {
    margin-top: 10px;
    }

#main .item1st {
    margin-top: 0;
    }

#main .item:after {
    content: url("pixel.gif");
    display: block;
    clear: both;
    height: 0;
    }

#main .item div {
    width: 125px;
    margin: 10px 5px 0 5px;
    text-align: center;
    float: left;
    }

#main .item div {
    margin-left: 7px;
    }

#main .item div h3 {
    text-align: left;
    }

#main .item div .itemImage {
    width: auto;
    margin-top: 5px;
    margin-left: 0;
    float: none;
    }

#main .item div .itemStar {
    width: auto;
    margin-top: 5px;
    margin-left: 0;
    float: none;
    }

#main .item div p {
    width: 130px;
    margin-top: 5px;
    text-align: left;
    float: none;
    }

#main .description{
    width: auto;
    margin: 10px;
    padding: 20px;
    text-align: left;
    }

#main .item .review{
    width: 300px;
    margin: 20px 0 5px 10px;
    padding: 5px;
    text-align: left;
    }

#main .item .review .value{
    color: #ff4444;
    font-family: "arial black","Impact";
    font-size: 130%;
    font-weight: 500;
    }

#main .item .review .point{
    margin: 5px;
    color: #ffaa44;
    font-family: "arial black","Impact";
    font-size: 120%;
    font-weight: 500;
    }

#main .item .review .reviewlink{
    padding: 5px;
    background-color: #FAF4EB;
    border-style:solid;
    border-width:0 1px 1px 0;
    border-color:#aaaaaa;
    }

#main .item .review p {
    padding: 5px;
    width: auto;
    text-align: left;
    float: none;
    }

#main .itemname{
    padding: 5px;
    background-color: #FAF4EB;
    border-style:dotted;
    border-width:1px;
    border-color:#aaaaaa;
    }

#main .itemname a{
    color: #444444;
    font-size: 120%;
    font-weight: 800;
    text-decoration: none;
    }

#main .item .itemImage{
    margin: 10px 0 10px 20px;
    padding: 5px;
    float: left;
    }

#main .itemImage img{
    border-style:solid;
    border-width:0 1px 1px 0;
    border-color:#aaaaaa;
}

#main .memo{
    width: auto;
    margin: 20px;
    line-height:auto;
    font-size: 80%;
    text-align: reft;
    float: left;
    }

#main .rightaside{
    margin: 10px 20px 10px 10px;
    width: auto;
    text-align: right;
    float: none;
    }

#main .main_contents{
    padding: 10px 20px 10px 10px;
}

#main table {
    width : 550px;
    margin: 10px 0 10px 0;
    table-layout : fixed;
    vertical-align: top;
    }

#main table tr td{
    padding: 10px 0 20px 0;
    }

#main table{
    font-size: 100%;
    }

#main .text{
    margin: 10px;
    }



/* --------------------------------------------------------
                   カテゴリーの指定  
---------------------------------------------------------- */

#category{
	background-color:#DDFFFF;
	width:250px;/*　カテゴリーの横幅（全体[200px]－paddingnによるの左右の余白[15px×2]）　*/
	height:auto;
	padding:0px;/*　カテゴリー内の内側の上下左右の余白　*/
	float:right;/*　カテゴリー画面をコンテナ内右に配置の指定　*/
}

#category h1{
	border-width: 0px 0px 2px 20px; /*  見出し背景  枠の幅 */
	border-style: solid; /*   見出し背景  枠の種類 */
	border-color: #3366FF; /*   見出し背景  枠の色 */
	padding-left: 10px; /*   見出し背景  左の余白 */
	line-height: 100%; /*   見出し背景  行の高さ */
	background-color:#DDFFFF;/*　h1の背景色　*/
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";/*　フォントの指定　*/
	font-size:18px;/*　文字の大きさの指定　*/
	font-weight:bold;/*　文字の線の太さの指定　*/
	color:#666666;/*　文字色の指定　*/
	text-align:left;/*　テキスト左詰め　*/
}

#category h2{
	background-color:#DDFFFF;/*　h2の背景色　*/
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#666666;/*　文字色の指定　*/
	font-weight:normal;/*　文字の線の太さの指定　*/
	text-align:left;/*　テキスト左詰め　*/
}

#category ul li {
    margin-top: 10px;
    text-indent: 0px;
    list-style-image: url("listmark.gif");
    background-position: 0px 4px;
    background-repeat: no-repeat;
    font-size:12px;
}

/* --------------------------------------------------------
                   フッターの指定  
---------------------------------------------------------- */

#footer{
	width: 1000px;
	height:40px;
	position:relative;
	background-color:#69ABFC;
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#FFFFFF;
	text-align: center;/*　テキストを左右中央に配置　*/
	line-height:40px;/*　要素内の上下中央にテキストを配置(値＝その要素内の高さ)　*/
	clear:both;/*　【重要】回り込み回避　*/
}


#footer_2{
	width: 1000px;
	height:25px;
	position:relative;
	background-color:#FFFFFF;
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#000000;
	text-align: center;/*　テキストを左右中央に配置　*/
	line-height:25px;/*　要素内の上下中央にテキストを配置(値＝その要素内の高さ)　*/
	clear:both;/*　【重要】回り込み回避　*/
}