@charset "utf-8";

/*
	Site Name: 人気カレンダー
	Description: 「まこなこ」サイドバー、「人気カレンダー」のスタイルシートです。
	Version: 1.0
	Author: miracle
	作成日：2012.11.24
	注釈：　各IDやクラス名の末尾の「PC」は「PopularCalendar」の省略形です。
	　　　　（他スタイルシートのIDやクラス名と干渉しない為に設定）
*/

/*
===== CONTENTS ===========================================

	1. body and base setting
	2. layout setting
	3. #idShowSearchWord(ヘッダ) 詳細
	4. ナビゲーション
	5. GoogleMap(#map_canvas)
	6. #contents
	7. #contents #mainCol詳細（メインコンテンツ）
	8. #contents #subCol（サブコンテンツ）
	9. #footers詳細
	10. Utilities

==========================================================
*/


/*----------------------------------------------------

               1. body and base setting

----------------------------------------------------*/


/* リセット
--------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
*{ letter-spacing:0; }/* IE7用のhack */


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1

	Font-size Adjustment
	
	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body {
	margin: 0;
	padding: 0;
    font-family:  "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    
	background: #fff url("images/headerBackground.jpg") repeat-x ;
	color: #333;
	line-height: 1.5;
	width: 210px;
}

strong{ font-weight: bold; color:#4d4d4d; }
em { font-weight: bold; font-style: italic; }
.normal { font-style: normal; }
.itaric { font-style: italic; }
.small {font-size: 77%; }
.big {font-size: 144%; font-weight: bold; }

ol,ul{
	list-style: none ;
}
img { 
	border: none;
	vertical-align: top;
}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
input, select {
	vertical-align: middle;
}
acronym,abbr{
	cursor:help;
}


/* リンク
-------------------------------------*/
a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #09f;
	outline: none;
}

a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #1ba0de;
    outline: none;
}
a:hover {
	text-decoration: none;
	font-weight: normal;
}
a:active {
	text-decoration: none;
	font-weight: normal;
	outline: none;
}
/*----------------------------------------------------

               2. layout setting

----------------------------------------------------*/
	#wrapperPC {
		background: #fff;
		font-size: 100%;
		width: 200px;
		margin: 0;
		padding: 10px;
	}

/* 
----------------------------------------------------*/

#contentsPC {
	clear: both;
	background:  #fff;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

#colWrap {
	width: 980px;
	background: #ccc;
	margin: 0;
	padding: 20px 0 40px 0;
	border-radius: 0 0 15px 15px;         /* CSS3 */
	-webkit-border-radius: 0 0 15px 15px; /* Webkit */
	-moz-border-radius: 0 0 15px 15px;    /* Mozilla */
	
	-webkit-box-shadow: 0 -3px 10px 0 #DDDDDD inset; /* Safari, Chrome用 */
	-moz-box-shadow: 0 -3px 10px 0 #DDDDDD inset; /* Firefox用 */
	box-shadow: 0 -3px 10px 0 #DDDDDD inset; /* CSS3 */
}



/*----------------------------------------------------

               3. #header 詳細

----------------------------------------------------*/

/*h1の装飾 #3176C0 #696569 #81C031
--------------------*/
h1 {
    background: none repeat scroll 0 0 #696569;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin: 0 0;
    padding: 3px 10px;
    text-align: center;
}




/*----------------------------------------------------

               6. #contents

----------------------------------------------------*/

/*画像の装飾(仮)
--------------------*/
#contentsPC img {
	background:#f5f5f5;
	border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #777;
	padding: 3px;
	max-width: 60px;
	max-height: 100px;
}

/*商品大枠
--------------------*/
.goodsWrapPC {
	clear: both;
	background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    font-size: 100%;
    margin: 0;
    padding: 3px 5px;
}
/*発売日
--------------------*/
.goodsWrapPC .releaseDatePC {
	clear: both;
    color: #EB4424;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0 2px 0 1px;
}

/*回り込み
--------------------*/
.goodsWrapPC .flWrapPC {
	clear: both;
    height: 108px;
    margin: 0 0 1px -6px;
    overflow: hidden;
    padding: 0;
}
.goodsWrapPC .flWrapPC a.leftImgPC {
	margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 80px;
	height: 108px;
	overflow: hidden;
	text-align: center;
}
.goodsWrapPC .flWrapPC .rightDetailPC {
	margin: 0;
    padding: 0;
    float: left;
    width: 105px;
}
.goodsWrapPC .flWrapPC .rightDetailPC span {
	background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #BBBBBB;
    display: block;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 1px;
    text-align: center;
}

.goodsWrapPC .flWrapPC .rightDetailPC a.titlePC {
	display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    font-size: 11px;
}

/*----------------------------------------------------

               9. #footers詳細

----------------------------------------------------*/

p#detailInfoPC {
	clear: both;
	color: #333333;
    font-size: 13px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 0 0 10px;
}

/*----------------------------------------------------

               10. Utilities

----------------------------------------------------*/
#idShowSearchWord:after,
#contentsPC:after,
#mainCol:after,
#subCol:after,
#footers:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.contentsPC,
#footers {
    height: 1%;
}

/* For modern browsers
	# Firefox 2+
	# Safari 2+
	# Chrome
	# Opera 9.27+
 */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 IE Mac (trigger hasLayout) */
.cf {
    zoom:1;
}