@charset "euc-jp";
/*
*******************************************************************

    @style110.css
    @author s
    @dateCreated 2006-04-26T18:28:00+09:00
    @dateModified 
    @description blog 共通用CSS
    @note 
    
        ・サイトHTMLの基本的な構成
        body
            container
                header
                    top(logo)
                    topSub(banner, logout)
                    globalMenu
                
                ○下の////　から　///までの部に変更を加える。
                
                ○他の要素と関わるものが多く存在するので、
                継承を利用して上書きしていくことが望ましい。
                
                .blogEntry　
                #blogStyle0（0のところは任意の数）

                と指定して、子の要素を上書きしていくことで、
                ある程度まで変更できる。
                
                ////////////////////////////////
                
                content
                    main
                        mainComponent
                    sub
                        subComponent
                
                ////////////////////////////////
                footer
                

*******************************************************************
*/

/*===========================================================
 基本要素 
=============================================================*/
/*----- link要素 -----*/
a:link {
	color: #000066;
}

a:hover{
	color: #32BAB4;
}

body {
	text-align:center;
} 

#shopping #container {
	text-align:left;
	width:950px;
	margin:0 auto;
}

#shopping #container #content {
	width:950px;
}

#shopping #container #content::after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}


#shopping #container #content {
	zoom: 1;
}

.headImg{
	height: 80px;
	width: 950px;
	padding:0;
	margin:0 0 10px;
	background: url(../../../i/blog/111/ttl-shopping.jpg) no-repeat;
}

.headImg h2 {
	height: 80px;
	width: 950px;
	margin-bottom: 0px;
}

.headImg h2 a {
	margin:auto;
	padding-top:0px;
	padding-left:0px;
	color:#666;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	display:block;
	outline:none;
	height: 80px;
	text-indent: -999em;
	/*text-indent:-9999px;*/
}

.headImg h2 a:link{
	color: #FFFFFF;
}

.headImg h2 a:visited{
	color: #FFFFFF;
}

.headImg h2 a:hover {
	text-decoration: underline;
}

/* 概要（h2の直下） */
#summary{
	font-weight: bold;
	color: #fff;
	display: none;
}

#shopping #container h3 {
	margin-bottom:5px;
}

/* 主要コンテンツ部分 */
#shopping #container #content #main{
	float:left;
	display: inline;
	width:640px;
	margin-left:30px;
}

/* mainの下層部分 */
#shopping #container #content #main .mainComponent{
	padding-bottom: 10px;
}

#cm {
	clear:both;
}

/*
*******************************************************************
******************************************************************* 

sub

******************************************************************* 
******************************************************************* 
*/
#shopping #container #content #sub {
	float:right;
	width: 220px;
	margin :0 30px;
}


/*
*******************************************************************
******************************************************************* 

shopping main

******************************************************************* 
******************************************************************* 
*/

.txtleft {text-align: left; line-height:1.5;}
.txtright {text-align: right; line-height:1.5;}
.txtcenter {text-align: center; line-height:1.5;}
.unit .xlarge {font-size: 128.5%;}
.unit .large {font-size: 114.2%;}
.unit .midium {font-size: 100%}
.unit .small {font-size: 88%;}
.unit .mini {font-size: 77%;}
.unit .bold {font-weight: bold;}
.unit p {font-size: 88%; line-height: 1.5;}
.unit .h {font-size: 114.2%; color: #D30C44;}
.unit .sh {font-size: 100%; color: #D30C44;}
.unit .cap {font-size: 77%; color:#927F79;}
.unit table.label {margin-left: 320px;}
.unit .label th,.unit .label td { padding: 0.5em 0.3em; border-bottom: 1px dotted #CCC;}
.unit .label th {width: 5em; text-align: left;}
.clear:after {clear: both; height: 0; visibility: hidden; display: block; content: ".";}
.clear {display: inline-block; zoom: 1; }
#topBody {width: 640px;}
div.unit {width: 640px; margin-bottom: 1em; }
div.unit:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
div.unit {
	display: inline-block;
	zoom: 1;
}

#newItem {border: 1px solid #959595; width:315px; height:150px; overflow: auto;}
#newItem dl {margin: 8px;}
#newItem dl dt {color:#BF0000; line-height: 1.5em;}
#newItem dl dd {line-height: 1.5em; padding-bottom:0.5em; margin: 0;}
#topics {border: 1px solid #959595; height:200px; padding: 10px; overflow: auto;}
#topics dl.inline dt {color:#BF0000; width: 5em; line-height: 1.5em;}
#topics dl.inline dd {margin-top: -1.5em; margin-left: 7em;line-height: 1.5em; padding-bottom:0.5em;}
dl.inline dd .red {color:#BF0000;}
#discL {width: 640px;}
table#keywordCheck {width: 640px;border-top:1px solid #CCC; border-left:1px solid #CCC; margin-bottom:8px;}
#keywordCheck th,#keywordCheck td{ color:#FFFFFF; font-weight:normal; text-align:center; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding: 5px 0;background-color:#C13514;}
#keywordCheck th {background-color:#F5F1E7;}
#keywordCheck a {color:#FFFFFF;}
#keywordCheck a:hover { text-decoration:underline;}

table#recommendBnr {width: 638px; margin-bottom:8px;margin-bottom:25px;}
table#recommendBnr td {padding-bottom:10px;}
table#mediaBnr { margin-bottom:25px;}


/* 楽天API */

#item-list {
	width:890px;
	margin:0 auto 20px;
}

table#Rakuten-API {
	width: 100%;
	margin: 0 0 1em;
	border-top: 1px solid #d6dae1;
	border-left: 1px solid #d6dae1;
	border-collapse: collapse;
	border-spacing: 0;
}


table#Rakuten-API th,
table#Rakuten-API td {
	padding: 3px 5px;
	border-right: 1px solid #d6dae1;
	border-bottom: 1px solid #d6dae1;
	font-weight: normal;
	text-align: left;
}


table#Rakuten-API th {
	text-align: center;	/* 中央揃え */
}

/*
*******************************************************************
******************************************************************* 

shopping sub

******************************************************************* 
******************************************************************* 
*/


#ranking table.list{width: 220px; border-top:1px solid #CCC; border-left:1px solid #CCC;}
#ranking table.list th,#ranking table.list td { font-weight:normal; text-align:center; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding: 5px 0;}
#ranking table.list th { width:32px;background-color:#F5F1E7;}

#ranking,#attention,#blog,#support,#mobile,#link {
	margin-bottom:8px;
}

#support,#link {
	border:#CCCCCC 1px solid;
	padding:5px;
}

#support ul,#link ul {
	margin:0;
	padding:0;
}