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




/*============= リセット ==============*/

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

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2012-12-13
Author: naokoTakahashi-Collabolet
*/

/*要素のフォントサイズやマージン・パディングをリセット
新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセット
mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。
change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
/*水平罫線のデフォルトである立体的な罫線を見えなくする*/
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定*/
input, select {
    vertical-align:middle;
}



/*============= 共通設定 ==============*/

body {
	width:980px;
	margin:auto;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background:#ff0e00;
}

#container{
	width:960px;
	padding:0 10px;
	position:absolute;
	background:#fff;
	box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=70, Strength=2);/* for IE */
}

a {
/*	color: #0c3158;*/
	color:#666;
	text-decoration: none;
}
a:hover {
/*	color: #f00;*/
/*	color: #ff7f94;*/
	*background-color:#f5f5f5; /*IE7 */
	*background-color:#f5f5f5\9; /*IE8 */
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity:0.5;
}
.clear_both{
	clear:both
}

/*============= メイン部分 ==============*/

.menu_left{
	width:475px;
	height:100%;
	float:left;
}
.menu_left img{
	margin:10px 5px 0 0;
}
.menu_img{
	margin-top:10px;
}
.menu_right{
	width:475px;
	height:100%;
	float:right;
}
.menu_right img{
	margin-top:10px;
}

#sidebar{
	width:323px;
	height:613px;
	float:left;
	margin:15px 0 0 0;
}

.likebox{
	width:323px;
	height:412px;
	margin:0;
}
.t_j{
	width:322px;
	height:201px;
}

.about{
	width:627px;
	height:100%;
	float:right;
	margin:15px 0 0 0;
}
.inquery{
	width:960px;
	height:50px;
	margin:33px 0 10px 0;
}




/* ---------------- smartphone style ---------------- */


@media only screen and (min-width: 321px) {
	#coupon_container {
		margin:0;
		padding:14px 2.85714286% 34px; /* 28/980x100=2.85714286 */
		width:100%; /* 860px | 860/980x100=87.755102 */
		background:#fff;
	}

	#coupon img {
		width: 100%;
	}
	#coupon {
		text-align:center;
		font-size:1.25em;
	}	
	
}

/*============= ヘッダー ==============*/

#header{
	overflow: hidden;
	margin:auto;
}


/*============= フッダー ==============*/

#footer{
	width:960px;
	height:100%;
	margin:auto;
	margin-top:40px;
}

#copyright {
	color: #695f49;
	text-align: center;
	font-size: 11px;
	font-weight:bold;
	margin:20px 0;
	
}
#copyright a {
	color: #695f49;
}