@charset "utf-8";

html, body, div, span, form,table, tbody, tr, th, td,q, b, i, ul, li{
	margin:0;padding:0;border:0;
}
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing:1px;
	font-size: 13px;
	line-height: 1.2;
	color:#333333; background-color: #dedede;
	letter-spacing:1px;
	-webkit-text-size-adjust:100%;
}
input,textarea,select,option{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}


a:link {color: #0000ff;text-decoration: none;}
a:visited {color: #0000ff;text-decoration: none;}
a:active{color: #ff0000;}
a:hover{color: #ff0080;}

h1 {font-size: 20px;}
big {font-size: 14px;}
small{font-size: 9px;}
.red {color: #333333;}
.wht {color: #4c6789;}
.dmy{text-decoration: underline}


.tonemu {
	margin:10px;
	background-color:#f3f3f3;
	text-align:left;
	line-height:130%; padding:5px;
}
.topbg1 {
	background-color:#777777;
}
.topbg2 {
	background-color:#dedede;
	color:#222222;
	text-align:left;
	font-weight: bold;
	padding: 2px 0 2px 22px;
}
.topbg3 {
	background-color: #ffffff;
	padding: 3px;
}
.topbg4 {
	background-color: #ffffff;
	padding: 8px 0 8px;
}

/* 全体 */
#content{ margin:0 auto; }

/* ヘッダ */
.head_p{
	background-color: #cad8ed;
	font-size:120%;font-weight:bold;
	text-align:center; 
}

/* カラム1 -- 検索フォーム+新着 */
.content1{
	background-color: #ffffff;text-align:left;
	border-radius: 10px;
	border: 1px solid #d4d4d4;
}

.content1-2{
	margin:10px;
}
.content1-3{
	margin:12px;
}

/* カラム2 -- 最近見た, バナー*/
.content2{
	background-color: #ffffff;text-align:left;
	border-radius: 10px;
	border: 1px solid #d4d4d4;
}

/* バナー */
.banner{text-align:center; margin:10px;}
/* フッタ */
.footer_p{
	width:100%; margin:10px 0 0;
	background-color: #ffffff;
	font-size:90%;
	text-align:center; 
}
.footer_p td{  padding:10px 0 10px; }


/******* レスポンシブ *******/

#content{ width:960px; }
.content1{width:720px;float:left;}
.content2{width:227px;float:right;}
.head_p{width:960px;margin:0 auto 8px;height:80px;}
.footer_p {width:960px;margin:8px auto 0;}


@media screen and (max-width:980px){
#content{width:760px;}
.content1{width:520px;float:left;}
.content2{width:225px;float:right;}
.head_p{width:760px;margin:0 auto 8px;height:60px;}
.footer_p {width:760px;margin:8px auto 0;}
}

@media screen and (max-width:768px){
#content{width:98%;margin:6px auto 0;}
.content1{width:100%;margin:0;}
.content2{width:100%;margin:8px auto;}
.head_p{width:100%;margin:0 auto 8px;height:50px;font-size:110%;}
.footer_p {width:100%;margin:7px auto 0;}
.recent{width:220px;float:left;}
.banner{width:250px;float:left;margin:30px 10px 0;}
}

@media screen and (max-width:640px){
#content{width:98%;margin:5px auto 0;}
.content1{width:100%;margin:0;}
.content2{width:100%;margin:5px auto;}
.head_p{width:100%;margin:0 auto 3px;height:40px;font-size:110%;}
.footer_p {width:100%;margin:5px auto 0;}
.banner{margin:10px 0 10px;}
.recent{width:99%;}
.banner{width:100%;margin:10px 0 10px;}
}