@charset "Shift_JIS";

/*
【1】INDEXにだけ適用されている設定
【2】YOUGO（用語説明ページ）にだけ適用されている設定
【3】ABOUT（サイト説明ページ）にだけ適用されている設定
【4】INDEXとCHOOSEにだけ適用されている設定
【5】WHATS NEWと著名人リンクページ、SITE MAPだけで適用されている設定
【6】ABOUTとCONTACTにだけ適用されている設定
【7】RECOMMENDとSERVICEとPARTSにだけ適用されている設定
【8】著名人ページにだけ適用されている設定
【9】カスタマイズ関係のページにだけ適用されている設定
【10】その他
*/

/* 【1】INDEXにだけ適用されている設定
/////////////////////////////////// */

/* Whats Newのリンクカラーの設定（index）
---------------------------------------*/
div#whats p a:link , div#whats p a:visited {
	color: #F96;
	font-weight:bold;
	text-decoration: none;
}

div#whats p a:hover , div#whats p a:active {
	color: #FC9;
	font-weight:bold;
	text-decoration: none;
	border-bottom:#FC9 1px dotted;
}

/* Whats Newの設定（index）
------------------------------- IE用 */
*html body div#whats {
	scrollbar-track-color:#E1F3F9;
	scrollbar-face-color:#E1F3F9;
	scrollbar-arrow-color:#FFF;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#5DA9C3;
}

/* Whats Newの設定（index）
-----------------------その他ブラウザ用 */
h3#wn_title {
	width:236px;
	height:43px;
}

div#whats {
	width:236px;
	height:200px;
	overflow:auto;
	color:#5DA9C3;
	font-size:80%;
	line-height:150%;
	background-color:#E1F3F9;
}

div#whats p {
	text-align:left;
	padding:0 1em 1em;
}

/* おすすめボタンを右寄せ（index）、カスタマイズページパックリンク
---------------------------------------------------------------- */
div#right p#osusume_btn , p#txt-right {
	text-align:right;
}

/* 相互リンクリスト（index）
------------------------------- */
h3#sougo-link {
	width:236px;
	height:34px;
	margin-top:40px;
	margin-bottom:10px;
}

ul#s-link {
	width:233px;
	font-size:80%;
	line-height:150%;
	list-style:none;
	list-style-position:outside;
	text-align:left;
}

ul#s-link li {
	padding:0.5em;
	border-left:solid 3px #ccc;
	margin-bottom:0.5em;
}

ul#s-link li.blog-site {
	padding:0.5em;
	border-left:solid 3px #6BC3E1;
	margin-bottom:0.5em;
}

p#soubo {
	font-size:80%;
	margin-top:10px;
	padding:0;
}



/* 【2】YOUGO（用語説明ページ）にだけ適用されている設定
//////////////////////////////////////////////////// */

div#right dl.yougo {
	border-top:dotted #c09e88 1px;
	margin-top:1em;
	padding-top:1em;
}

div#right dt.yougo {
	font-size:120%;
	line-height:100%;
	font-weight:bold;
	color:#F4A56A;
	padding:1em 0;
}

div#right dd.yougo {
	padding:1em 0;
	margin-bottom:1em;
	border-bottom:dotted #c09e88 1px;
}



/* 【3】ABOUT（サイト説明ページ）にだけ適用されている設定
////////////////////////////////////////////////////// */

div#right p span.txt-s { font-size:80%;}



/* 【4】INDEXとCHOOSEにだけ適用されている設定
//////////////////////////////////////////// */

/*ひよこライン下の隙間*/
div#right p.sp-hiyoko {
	margin-bottom:1.2em;
	padding:0;
}



/* 【5】WHATS NEWと著名人リンクページ、SITE MAPだけで適用されている設定
//////////////////////////////////////////////////////////////// */

div#right ul.link {
	text-align:left;
	padding:0 40px 20px;
}

div#right li.list { margin:2em 0;}

/*SITE MAP*/
div#right ul.sl {
	text-align:left;
	padding:0.5em;
	margin:0;
}

div#right ul.sl li {
	margin:0;
	line-height:150%;
}



/* 【6】ABOUTとCONTACTにだけ適用されている設定
//////////////////////////////////////////// */

div#right p input.url_color {
	color:#FFF;
	background-color:#F4A56A;
}

p#begin {
	background:url(../img2/beginner_mark.jpg) 0 20px no-repeat;
	height:80px;
	padding-left:50px;
}



/* 【7】RECOMMENDとSERVICEとPARTSにだけ適用されている設定
/////////////////////////////////////////////////////// */

div#right div.box470 {
	width:470px;
	border-left:dotted #c09e88 1px;
	border-bottom:dotted #c09e88 1px;
	margin:0 auto 4em;
}

/* PARTS詳細にだけ使用しているボックス */
div#right div#box_parts {
	width:470px;
	margin:0 auto 4em;
}

/*左側のバナーレイアウトに使用（基本）*/
div#right div.box470 p.bn,div#right div#box_parts p.bn {
	width:179px;
	text-align:center;
	padding:0;
	float:left;
}

/*左側のバナーレイアウトSERVICEで使用*/
div#right div.box470 p.bn2 {
	width:199px;
	text-align:center;
	padding:0;
	float:left;
}

/*右側のテキストレイアウトに使用（基本）*/
div#right div.box470 div.right_box,div#right div#box_parts div.right_box {
	width:290px;
	float:left;
}

/*右側のテキストレイアウトSERVICEで使用*/
div#right div.box470 div.right_box2 {
	width:270px;
	float:left;
}

/*右側のテキストボックス内の見出し*/
div#right div.box470 h3,div#right div#box_parts h3 {
	font-size:120%;
	font-weight:bold;
	color:#F4A56A;
	line-height:150%;
	text-align:left;
	margin-bottom:0.8em;
}

/*右側のテキストボックス内のテキスト*/
div#right div.box470 p,div#right div#box_parts p {
	text-align:left;
	padding-bottom:0.8em;
}

/* フロートクリア */
div#right div.box470 p.clef {
	clear:left;
	margin:0;
	padding:0;
}



/* 【8】著名人ページにだけ適用されている設定
//////////////////////////////////////////// */

/*右コンテンツ内ボックス
-------------------------*/
div#right div.box_txt2 {
	width:470px;
	margin:0 auto 1em;
}

/*「あかさたな」メニューの設定*/
div#right ul.on50 {
	width:470px;
	height:1.7em;
	color:#F4A56A;
	font-size:150%;
	font-weight:bold;
	text-align:left;
	list-style:none;
	margin:1em auto;
}

div#right ul.on50 li {
	width:2em;
	height:1.7em;
	line-height:1.7em;
	text-align:center;
	float:left;
	display:block;
	border-top:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}

/*「あいうえお」メニューの設定*/
div#right ul.aiueo {
	width:470px;
	height:1.7em;
	color:#F4A56A;
	font-size:120%;
	font-weight:bold;
	text-align:left;
	list-style:none;
	margin:1em auto 2.4em;
}

div#right ul.aiueo li {
	width:2em;
	height:1.7em;
	line-height:1.7em;
	text-align:center;
	float:left;
	display:block;
	border-top:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}

/*「あいうえお」メニューページ下用の設定*/
div#right ul.aiueo-btm {
	width:470px;
	height:1.7em;
	color:#F4A56A;
	font-size:120%;
	font-weight:bold;
	text-align:left;
	list-style:none;
	margin:2.4em auto 1em;
}

div#right ul.aiueo-btm li {
	width:2em;
	height:1.7em;
	line-height:1.7em;
	text-align:center;
	float:left;
	display:block;
	border-top:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}

/*「あかさたな」と「あいうえお」メニューの１番左のみに指定*/
div#right ul.on50 li.a,div#right ul.aiueo li.a,div#right ul.aiueo-btm li.a {
	border:solid 1px #ddd;
	display:block;
}

/*「あかさたな」と「あいうえお」メニューのリンクカラー*/
div#right ul.on50 li a:link,div#right ul.on50 li a:visited,
div#right ul.aiueo li a:link,div#right ul.aiueo li a:visited,
div#right ul.aiueo-btm li a:link,div#right ul.aiueo-btm li a:visited {
	width:2em;/*IE6用*/
	height:1.7em;/*IE6用*/
	color:#fff;
	background-color:#78cbe7;
	display:block;
}

div#right ul.on50 li a:hover,div#right ul.on50 li a:active,
div#right ul.aiueo li a:hover,div#right ul.aiueo li a:active,
div#right ul.aiueo-btm li a:hover,div#right ul.aiueo-btm li a:active {
	width:2em;/*IE6用*/
	height:1.7em;/*IE6用*/
	color:#fff;
	background-color:#7ADDFE;
	border:none;
	display:block;
}

/* DVD・書籍・音楽のイチ押し
------------------------------- */
h3#ichioshi {
	width:236px;
	height:67px;
	margin-top:40px;
	margin-bottom:10px;
}

p.oshi-item {
	font-size:80%;
	line-height:150%;
	padding:0;
	margin-bottom:3em;
}


/* 【9】カスタマイズ関係のページで適用されている設定
//////////////////////////////////////////////////////// */

div#right dl.level {margin:1em 0;}

div#right dt.level {
	font-size:110%;
	line-height:100%;
	font-weight:bold;
	color:#C00;
	padding:0 0 0.5em 0;
	margin:0;
}

div#right dd.level { margin:0 0 1em 0;}

div#sozai_box p {
	color:#999;
	font-size:80%;
	line-height:150%;
	text-align:center;
	margin:2em auto;
}

div#sozai_box img { margin-right:5px;}

div#left ul#old-lec,
div#left ul#icon-okiba { list-style:none;}

div#left ul#old-lec li,
div#left ul#icon-okiba li {
	line-height:130%;
	padding:0 0 0 15px;
	background-image:url(../customize/img/list-icon/005.gif);
	background-position:0 0.2em;
	background-repeat:no-repeat;
}

/* 左サイドバータイトル
------------------------------- */
h3.cus-l-tit {
	width:236px;
	height:22px;
	margin-top:40px;
	margin-bottom:10px;
}



/* 【10】その他
//////////////////////////////////////////// */

/* リンクカラーの設定（ボーダー除外）
----------------------------------*/
p#hatena a:hover,p#hatena a:active,/*ALL PAGE★*/
p#yahoo a:hover,p#yahoo a:active,/*ALL PAGE★*/
p#osusume_btn a:hover,p#osusume_btn a:active,/*INDEXのおすすめボタン*/
p#main_p a:hover, p#main_p a:active,/*著名人リンクでのおすすめボタン*/
p.oshi-item a:hover,p.oshi-item a:active,/*著名人リンクでのイチ押し*/
p#service a:hover, p#service a:active,/*おすすめサービスボタン*/
p.bn a:hover,p.bn a:active,
p.bn2 a:hover,p.bn2 a:active {/*おすすめページなどのバナー*/
	border:none;
}


/* TOPページのメインフォト下の余白指定
---------------------------------------- */
div#main p.bsp14 { margin-bottom:14px;}


/* New Iconの余白指定
--------------------- */
img.new { margin-left:0.4em;}


/* GoogleAdsの上下スペース
------------------------- */
div#left div#ads,div#right div#ads2 {
	margin:2em auto;
}


/* 広告バナー用のレイアウト
------------------------- */
.pr-bn-box {
	clear:left;
	margin:10px 0;
}

.pr-bn {
	float:left;
	padding-right:5px;
}

.pr-txt {
	font-size:90%;
	line-height:150%;
	margin:0;
	padding:0;
}

p.bn-page-btm {
	text-align:center;
	margin:2em auto;
	padding:0;
}


/*Hatena と Yahoo の RSS*/
p#hatena,p#yahoo {
	margin-bottom:0.4em;
	padding:0;
}


/*機能拡張JavaScript用
リンク先のサムネイルを表示（）*/
.arc90_linkpic {
	display: none;
	position: absolute;
	left: 0;
	top:1.5em;
	width: 256px;
	height: 256px;
}
.arc90_linkpicIMG {
	padding: 0 4px 4px 0;
/*background: transparent url(../js/linkpic_shadow.gif) no-repeat bottom right;*/
	width: 256px;
	height: 256px;
}


*+html:first-child .arc90_linkpicIMG {/*for OPERA*/
	position:fixed;
	left:10%;
	bottom:10%;
	padding: 0 4px 4px 0;
/*background: transparent url(../js/linkpic_shadow.gif) no-repeat bottom right;*/
	width: 256px;
	height: 256px;
}