@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for allsports
FileName: common.css
--------------------------------------------------------------------- */

/* base */
div, form, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, select, option, textarea {margin: 0; padding: 0;}
body, td, th {font: 13px/1.3em "宋体", Verdana, Arial, Helvetica, sans-serif;}
h1 {background: #FFF; background: url(/common/image/tagline_bg.gif) repeat-x;}
img {border: 0;}
ul, li {list-style-type: none;}
td { vertical-align: top;}
select, option, textarea {font: 13px/1em "宋体", sans-serif; color: #4D4D4D;}
/* body { background: url(/common/image/base_bg.gif);} */

/* general layout */
#container { width: 950px; text-align: left; background-color: #FFF;}
#liquid #container { width: 100%; text-align: left;}
#container #right{ width: 300px;}


/* anchor */
a:link,
a:visited,
a:active { color: #007ed9; font-weight: bold; text-decoration: none;}
a:hover {color: #e56000; font-weight: bold; text-decoration: none;}


/* head */
h1 { font-size: 10px; padding-top: 1px; line-height: 21px; padding-left: 10px; font-weight: normal; letter-spacing: 1px; color: #4D4D4D; margin-bottom: 10px;}

#head .logo_area {
	height: 69px;
	position: relative;
}

#head h2 {
	position: absolute;
	top: 10px;
	left: 15px;
}

#head p.lead {
	position: absolute;
	top: 16px;
	left: 220px;
}

#head p.bnr {
	padding-left: 347px;
	text-align: center;
}

#head .catbutton { float: left; width: 363px; height: 34px; margin: 0 8px 0 0;}
#head .catbutton img { margin: 4px 0 0 4px;}
#head .catbutton2 { float: left; width: 163px; height: 34px; margin: 0 8px 0 0;}
#head .faq { float: left; width: 94px; height: 34px; margin: 0 0 0 0; background: url(/common/image/button_area_bg.gif);}
#head .faq img { margin: 4px 0 0 4px;}

#head .gn_menu { padding: 2px 0; background: url(/common/image/menu_bg.gif) repeat-x;}

#head #jsoff_info { text-align: center; padding: 10px 0;}
#head #jsoff_info .off_info_box { width: 500px; margin: 0 auto; padding: 10px 0; border: 3px solid #e4e4e4;}
#head #jsoff_info .off_info_box b { color: red; font-size: 16px;}
#head #jsoff_info .off_info_box p { padding: 5px 0;}
#head #jsoff_info .off_info_box p span { display: block; font-size: 14px; padding: 5px 0 0;}
#head #jsoff_info .off_info_box p span a { text-decoration: underline;}


/* SSL */
#verisign {padding-top: 20px;}
#verisign .veri_info { border: 2px solid #e5e5e5; margin-bottom: 30px; padding: 5px;text-align: left; font-size: 10px;}


/* パンくず */
#topic_path { height: 30px; vertical-align: middle;}
#topic_path .topicpath { padding: 0 0 0 25px; background: url(/common/image/arrow_blue.gif) no-repeat 10px 0.5em; font-size: 13px; line-height: 20px;}
#topic_path .topicpath a { font-weight: normal;}
#topic_path .topicpath span { color: #c2c5cc;}
.topicpath_foot {padding: 5px 0 0 15px; background: url(/common/image/arrow_blue.gif) no-repeat 0 11px; font-size: 13px; line-height: 20px;}
.topicpath_foot a:link,
.topicpath_foot a:visited,
.topicpath_foot a:active,
.topicpath_foot a:hover {font-weight: normal;}
.topicpath_foot span {color: #c2c5cc;}

/* コンテンツタイトル */
/* 1カラムタイトル */
#contents_title1 {}
#contents_title1 table {background: #fff;}
#contents_title1 table h3 {font-size: 19px; color: #333; line-height: 26px; padding: 6px 0 6px 0;}
#contents_title1 table .left {width: 21px; vertical-align: top; background: url(/common/image/title_bg_left.gif) repeat-y;}
#contents_title1 table .center {width: 100%; vertical-align: top; text-align: left; background: url(/common/image/title_bg.gif) repeat-x top;}
#contents_title1 table .right {width: 10px; vertical-align: top; text-align: right; background: url(/common/image/title_bg_right.gif) repeat-y;}
#contents_title1 div.foot { background: url(/common/image/title_bg_bottom.gif) repeat-x bottom; padding-bottom: 8px;}

/* 2カラムタイトル */
#contents_title2 {margin-right: 15px;}
#contents_title2 table {background: #fff;}
#contents_title2 table h3 {font-size: 19px; color: #333; line-height: 26px; padding: 6px 0 6px 0;}
#contents_title2 table h4 {font-size: 12px; padding: 7px 0 0 7px; margin-bottom: -7px; display: block; font-weight: normal;}
#contents_title2 table .left {width: 21px; vertical-align: top; background: url(/common/image/title_bg_left.gif) repeat-y;}
#contents_title2 table .center {width: 100%; vertical-align: top; text-align: left; background: url(/common/image/title_bg.gif) repeat-x top;}
#contents_title2 table .right {width: 10px; vertical-align: top; text-align: right; background: url(/common/image/title_bg_right.gif) repeat-y;}
#contents_title2 div.foot { background: url(/common/image/title_bg_bottom.gif) repeat-x bottom; padding-bottom: 8px;}


/* right base shadow */
.top_topicpath { height: 10px;}
/*** body .r_shadow { background: url(/common/image/base_shadow.gif) repeat-y;} ***/


/* right login-logoff */
#container #right #login {
	padding: 5px 0 0;
	background: url(/common/img/right_logginbox_bg_top.gif) no-repeat left top;
}


#container #right #login .box {
	padding: 8px 0 0;
	background: url(/common/img/right_logginbox_bg.gif) repeat-y left top;
}

#container #right #login .box .box_body {
	padding: 0 0 15px 0;
	background: url(/common/img/right_logginbox_bg_bottom.gif) no-repeat left bottom;
}

#container #right #login .nickname {
	margin:0 15px 5px;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #e6e6e6;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

#container #right #login .nickname span {
	font-size: 10px;
	font-weight: normal;
}

#container #right #login .merit {
	text-align: center;
}

#container #right #login .note {
	text-align: center;
	margin-top: 5px;
}

#container #right #login .btn_box {
	margin-top: 8px;
}

#container #right #login .btn_box .entry_btn {
	width: 145px;
	float: left; 
	text-align: right;
}

#container #right #login .btn_box .login_btn {
	width: 145px;
	float: right;
}


#container #right #login .btn_box .regist_renewal_btn {
	width: 145px;
	float: left; 
	text-align: right;
}

#container #right #login .btn_box .logout_btn {
	width: 145px;
	float: right;
}

/* 回り込み解除 */
.clearfix:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ height: auto; overflow: hidden; /**/
}


/* right check */
#container #right #check_area { margin: 10px 0; border: 1px solid #e5e5e5;}
#container #right #check_area .box { padding: 4px; background: url(/common/image/button_area_bg2.gif);}
#container #right #check_area .box .check_title { margin-top: 8px;}
#container #right #check_area .box ul { padding-top: 5px;}
#container #right #check_area .box ul li.kei { padding: 5px 0 5px 5px; line-height: 16px; background: url(/common/image/check_list_kei.gif) repeat-x center bottom;}
#container #right #check_area .box ul li.othr { padding: 5px 0 5px 5px; line-height: 16px;}
#container #right #check_area .box ul li a { display: block; padding: 0 10px 0 8px; font-size: 13px; background: url(/common/image/circle.gif) no-repeat 0 0.5em;}
#container #right #check_area .box ul li span { display: block; margin-right: 10px; font-size: 10px; color: #298c15; text-align: right;}


/* right quick link */
#container #right #quicklink { margin-bottom: 10px;}
#container #right #quicklink .title { margin-top: 7px;}
#container #right #quicklink ul { padding: 8px 8px 0 8px; font-size: 13px;}
#container #right #quicklink ul li { padding: 0 0 3px 0;}
#container #right #quicklink ul li img { margin-right: 5px;}
#container #right #quicklink p img {margin-top: 5px;}


/* right afi_banner */
#container #right #afi_banner { text-align:center; margin-bottom: 15px;}
#container #right #afi_banner .text_area { width:203px; border: solid 1px #e4e4e4; border-top: none; text-align: center; padding: 5px 0; margin-left:auto; margin-right:auto;}


/* right sports cate */
#container #right #right_sports_cate h3.title { margin-top: 7px;}
#container #right #right_sports_cate { margin-bottom: 15px;}
#container #right #right_sports_cate .title { padding: 0 0 5px 3px;}
#container #right #right_sports_cate .replace { padding: 2px 0 3px 10px;}
#container #right #right_sports_cate .replace span a { text-decoration: none; color: #414141; font-weight: bold;}
#container #right #right_sports_cate .replace img {position: relative; top: 1px; margin-right: 5px;}
#container #right #right_sports_cate .more_pre { display: none;}
#container #right #right_sports_cate .more_pre ul { padding: 3px 0 5px 0;}
#container #right #right_sports_cate .more_pre li { padding: 3px 0 0 22px; text-decoration: none; background: url(/common/image/in_arrow.gif) no-repeat 12px 0.7em;}
#container #right #right_sports_cate .more_pre li.st { border-top: none;}
#container #right #right_sports_cate .box { padding-bottom: 10px;}
#container #right #right_sports_cate .more_pre a:link,
#container #right #right_sports_cate .more_pre a:visited,
#container #right #right_sports_cate .more_pre a:active { color: #0073E5; font-weight: normal; text-decoration: none;}
#container #right #right_sports_cate .more_pre a:hover {color: #C00; font-weight: normal; text-decoration: underline;}


/* right ad area */
#container #right .calling { text-align:center; padding: 10px 0;}

#container #right #ad_banner { text-align:center; padding: 8px 0;}
#container #right #ad_banner p { width:201px; margin:0 auto 8px; background: url(/common/image/button_area_bg.gif); padding: 2px;}


/* 旧サイトへバナー */
#back_banner { margin-bottom: 10px;}


/* 写真注文期限 */
#container #right #limit_area { margin: 10px 0;}
#container #right #limit_area .limit_area_body {; background: url(/common/image/limit_bg.gif) repeat-y;}
#container #right #limit_area .day { text-align: center; font-size: 10px; color: #d90000;}
#container #right #limit_area .day span { font-size: 36px; font-weight: bold; line-height: 40px;}
#container #right #limit_area .yymmdd { text-align: center; background: url(/common/image/limit_bg2.gif) no-repeat; height: 21px; color: #FFF; font-size: 10px; letter-spacing: 1px;}

/* お写真注文期限（再掲載時） */
#container #right #limit_area .again {color: #298c15; font-weight: bold; text-align: center; font-size: 16px; line-height: 40px; padding-top: 3px;}

/* 他の区分の写真一覧 */
#container #right #photo_list_menu { margin-bottom: 10px; padding: 20px 0 0 0; background: url(/common/image/right_keibox_bg1.gif) no-repeat;}
#container #right #photo_list_menu .pd_menu { padding: 11px 0 5px 11px;}
#container #right #photo_list_menu .pd_menu select { width: 183px; height: 19px; font-size: 13px;}
#container #right #photo_list_menu .btn_cate { padding: 0 0 15px 88px;}

/* カート写真一覧 */
#container #right #cart_box { margin: 10px 0; background: url(/common/image/cart_right_bg.gif) repeat-y;}
#container #right #cart_box .cart_btn { margin: 3px 11px 3px 10px; padding: 3px; background: url(/common/image/cart_bg.gif);}
#container #right #cart_box table { }
#container #right #cart_box td { width: 60px; height: 60px; background: url(/common/image/cart_bg.gif); text-align: center; vertical-align: middle;}
#container #right #cart_box p.show { width: 289px; padding: 10px 0 5px 0; line-height: 20px; text-align: right;}
#container #right #cart_box p.show img { margin-right: 2px;}

/* 商品クチコミカテゴリ */
#item_cat_side { margin: 0 0 15px 0; padding: 0;}
#item_cat_side .item_ranktitle {margin: 8px 0 0 0;}
#item_cat_side ul { padding: 5px 8px 8px 10px; font-size: 13px;}
#item_cat_side ul li { padding: 0 0 3px 0;}
#item_cat_side ul li img { margin-right: 4px;}
#item_cat_side ul li ul {padding: 3px 0 8px 13px;}
#item_cat_side ul li ul li {padding: 0 0 1px 0;}
#item_cat_side ul li ul li a {font-weight: normal;}

/* footer */
#footer .to_top { text-align: right; padding: 20px 0 10px 0;}
#footer .to_top p { width: 92px; margin-left: auto; background: url(/common/image/button_area_bg.gif);}
#footer .to_top p img { margin: 4px;}
#footer .sitemenu { text-align: center; background-color: #efefef; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; font-size: 14px;}
#footer .sitemenu a { font-weight: normal; line-height: 23px; padding: 0 5px 0 10px; background: url(/common/image/foot_arrow.gif) no-repeat;}
#footer .servicemenu { padding: 15px 0 10px 0; font-size: 10px; text-align: center;}
#footer .servicemenu img { position: relative; top: 3px;}
#footer .servicemenu a { font-weight: normal; color: #4d4d4d;}
#footer .servicemenu a:hover { font-weight: normal; color: #4d4d4d; text-decoration: underline;}
#footer .copyright { text-align: center; padding-bottom: 20px;}
#footer .copyright .copy { margin: 0 auto; font-size: 10px; color:#00008b;}

/* はじめての方へ系ボタン */
#information_btn { padding: 10px 0 0; position: relative;}
#information_btn p { width: 192px; display: inline;}
#information_btn p.center { position: absolute; top: 10px;left: 204px;}
#information_btn p.right { position: absolute; top: 10px;left: 408px;}

/* etc */
.clear {clear: both;}


/* ad */
#ad185 { display: block; padding: 10px; background: url(/common/image/ad_frame_bg.gif); margin-bottom: 10px;}
#ad_ss { display: block; position: relative;}
#ad_ss p { width: 120px; position: absolute; top: -215px; left: 222px;}

/* ad2 社内キャンペーン */
#event_banner { padding-top: 15px;}
#event_text_link { padding: 0 0 10px 0; text-align: center;}
#event_text_detail_link { padding: 10px 0 0 0; text-align: center;}
#event_text_link a:link,
#event_text_detail_link a:link,
#event_text_link a:active,
#event_text_detail_link a:active,
#event_text_link a:visited,
#event_text_detail_link a:visited { text-decoration: underline; color: #c51d14;}
#event_text_link a:hover,
#event_text_detail_link a:hover { text-decoration: underline; color: #ec6901;}

/* subcate_ad */
#subcate_ad { width: 600px; margin: 15px 0 0 0;}
#subcate_ad .left{ width: 258px; display: inline; float: left; margin-left: 30px;}
#subcate_ad .right { width: 258px; display: inline; float: left; margin-left: 20px;}
#subcate_ad2 { width: 600px; padding: 5px 0 15px; text-align: center;} 
#top_i_ad { padding-bottom: 10px;}

/* ad hotspot */
#randomSelect_110 { padding: 0 5px; font-size: 12px; border: 1px solid #d3d3d3; margin-bottom: 10px;}
#randomSelect_110 b { display: block; padding-top: 3px; font-size: 12px;}
#randomSelect_110 ul { width: 190px; padding: 5px 0;}
#randomSelect_110 ul li { background: url(/common/image/orange_arrow.gif) no-repeat 0 50%; padding-left: 15px;}
#randomSelect_110 a{  font-weight:normal;}
#event_list_content #randomSelect_111 { width: 600px; font-size: 11px; border: 1px solid #d3d3d3; margin-top: 10px; margin-bottom: 15px;}
#event_list_content #randomSelect_111 p { font-size: 10px; letter-spacing: 1px; padding: 2px 5px; color: #FFFFFF; background-color: #3cb371;}
#event_list_content #randomSelect_111 ul { padding: 5px;}
#event_list_content #randomSelect_111 ul li { display: inline; padding: 0 15px 0 0;}

#photo_list_content #randomSelect_111 { font-size: 11px; border: 1px solid #d3d3d3; margin-right: 15px; margin-bottom: 15px;}
#photo_list_content #randomSelect_111 p { font-size: 10px; letter-spacing: 1px; padding: 2px 5px; color: #FFFFFF; background-color: #3cb371;}
#photo_list_content #randomSelect_111 ul { padding: 5px;}
#photo_list_content #randomSelect_111 ul li { display: inline; padding: 0 15px 0 0;}

#adingoBeagle1 a { font-weight: normal;}


/* イベントページの文言基本CSS */
#event_info { text-align: center;}
#event_info .14_blue { font-size: 14px; color: blue;}
#event_info .14_blue_bold { font-size: 14px; color: blue; font-weight: bold;}
#event_info .14_red { font-size: 14px; color: red;}
#event_info .14_red_bold { font-size: 14px; color: red; font-weight: bold;}
#event_info .bold { font-weight: bold;}
#event_info .blue_bold { color: blue; font-weight: bold;}
#event_info .red_bold { color: red; font-weight: bold;}
#event_info a { text-decoration: underline;}

/* amazon */
#amazon {width: 300px;}
#amazon .frame {border: 1px solid #e4e4e4; margin-bottom: 10px; padding: 9px; text-align: center;}
#amazon .frame .name {display: block; font-weight: bold; color: #414141; padding: 0 0 5px 0;}
#amazon .frame .price {font-weight: bold; font-size: 16px; color: #ff0000;}
#amazon .frame .tax {font-size: 11px; font-weight: normal; color: #4d4d4d;}


/* ご意見箱CSS */
#goikenbox { margin-bottom: 15px; background: url(/common/image/goikenbox_bg.gif) repeat-y;}
#goikenbox .ghead { margin-bottom: 5px;}
#goikenbox .btn_box { text-align: center; padding-bottom: 5px;}
#goikenbox textarea { width: 195px; margin-left: 5px; margin-bottom: 5px;}

#goikenbox .finish_enquete { text-align: center; padding: 10px 0 10px;}
#goikenbox .finish_enquete .title { font-size: 15px; font-weight: bold; color: #ff9900; padding-bottom: 10px;}
#goikenbox .finish_enquete .text1 { font-size: 12px; padding-bottom: 10px;}
#goikenbox .finish_enquete .text2 { font-size: 11px; padding-bottom: 15px; color:#cc0000; line-height:120%;}
#goikenbox .text3 { font-size: 10px; letter-spacing: 1px; text-align: center;}
#goikenbox .text3 a { text-decoration: underline;}

#goikenbox .finish_enquete .etext1 { font-size: 14px; font-weight: bold; margin-bottom: 15px;}
#goikenbox .finish_enquete .etext2 { font-size: 12px;}


/* nyc 2011 */
#nyc2011_bnr {text-align: center; margin: 10px 15px 15px 0;}


/* common agreement box */
.cmn_agreement_box {margin: 20px 0 0 0; text-align: center;}
.cmn_agreement_box textarea {width: 580px; height: 320px; background: #FAFAFA; border: solid 1px #CCC; letter-spacing: 1px; font: 10px/1.8em "宋体", Verdana, Arial, Helvetica, sans-serif; padding-left: 5px;}

.cmn_s_agreement_box {margin: 20px 0 0 0; text-align: center;}
.cmn_s_agreement_box textarea {width: 300px; height: 250px; background: #FAFAFA; border: solid 1px #CCC; letter-spacing: 1px; font: 10px/1.8em "宋体", Verdana, Arial, Helvetica, sans-serif; padding-left: 5px;}


/* 利用規約（表示） */
.agreement_sites_box {
	text-align: center;
}

.agreement_sites {
	margin: 15px auto 0;
	overflow: scroll;
	width: 570px;
	width: 600px\9;
	height: 250px;
	border: solid 1px #cccccc;
	background: #ffffff;
	text-align: left;
	line-height: 1.6;
	font-size: 12px !important;
}

.agreement_sites {
	padding: 15px;
	color: #444;
}

.agreement_sites h2,
.agreement_sites h3 {
	padding-left: 0 !important;
	font-size: 12px !important;
}

.agreement_sites h3 {
	margin-top: 15px;
}

.agreement_sites p {
	margin-top: 8px;
}

.agreement_sites ol li {
	margin-left: 15px;
}


/* 利用規約（表示）S */
.agreement_sites_s {
	margin: 15px 10px 0;
	overflow: scroll;
	height: 170px;
	border: solid 1px #cccccc;
	background: #ffffff;
	text-align: left;
	line-height: 1.6;
	font-size: 12px !important;
}

.agreement_sites_s {
	padding: 15px;
	color: #444;
}

.agreement_sites_s h2,
.agreement_sites_s h3 {
	padding-left: 0 !important;
	font-size: 12px !important;
}

.agreement_sites_s h3 {
	margin-top: 15px;
}

.agreement_sites_s p {
	margin-top: 8px;
}

.agreement_sites_s ol li {
	margin-left: 15px;
}


/* header */
/* 2020 RWD版本 STMT新增*/
/*
.header_cart_link{float: right;background-color: #f1f1f1;border-radius: 20px;padding: 5px 15px;line-height: 22px;margin: 0 0 0 10px;}
.header_cart_icon{float: left;width: 35px;height: 20px;background-position: -545px -150px;background-image: url(https://allsports.tw/view/img/sprite_photo.png?130306);background-repeat: no-repeat;display: block;text-indent: -9999px;font-size: 0;line-height: 0;}
.header_cart_link:hover{background-color: #dfdfdf;}

@media screen and (max-width: 960px){
	.header_cart_link .text{display: none;}
}
*/
/* end STMT*/