@charset "UTF-8";

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

/* base */
body, 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, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; color: #4D4D4D;}
img {border: 0;}
ul, li {list-style-type: none;}
td { vertical-align: top;}
select, option, textarea {font: 13px/1em "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; color: #4D4D4D;}
body {background: url(/common/image/base_bg.gif) top;}

/* general layout */
#container { width: 940px; text-align: left; background: url(/common/image/container_bg.gif) repeat-y top right;}
#liquid #container { width: 100%; text-align: left;}
#container #right{ width: 300px;}


/* anchor */
a:link,
a:visited,
a:active { color: #0082c6; font-weight: bold; text-decoration: none; }
a:hover {color: #ff9900; font-weight: bold;}




/* head */
h1 {background: #fff; background: url(/common/image/tagline_bg.gif) repeat-x; font-size: 10px; line-height: 22px; padding-left: 10px; font-weight: normal; letter-spacing: 1px; color: #FFF;}
#head h2 { float: left; width: 190px;}
#head h2 img {margin: 5px 0 4px 14px;}
#head .kei { float: left; width: 12px; padding-top: 7px;}
#head .read {font-size: 10px; padding-top: 7px; letter-spacing: 1px; line-height: 1.4em; float: left; width: 310px;}

#head .catbutton { float: right; margin: 16px 10px 0 0;}

#head .gn_menu {height: 43px; padding: 0 0 6px 9px; 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;}


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

/* SSL */
#verisign {padding-top: 20px;}
#verisign .veri_info { border: 2px solid #e5e5e5; 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_green.gif) no-repeat 10px 0.45em; 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_green.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: #f2f2f2;}
#contents_title1 table h3 {font-size: 19px; color: #333; line-height: 26px; padding: 10px 0 6px 2px;}
#contents_title2 table h4 {font-size: 12px; padding: 7px 0 0 7px; margin-bottom: -7px; display: block; font-weight: normal;}
#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: 2px;}

/* 2カラムタイトル */
#contents_title2 {margin-right: 15px;}
#contents_title2 table {background: #f2f2f2;}
#contents_title2 table h3 {font-size: 19px; color: #333; line-height: 26px; padding: 10px 0 6px 2px;}
#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: 2px;}


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

/* right login-logoff */
#container #right #login { width: 300px;margin-bottom: 10px; border: solid 1px #d9d9d9;}
#container #right #login .box_logoff { padding: 6px 2px; background: url(/common/image/logoff_bg.gif) no-repeat 50% 50%;}
#container #right #login .box_login { padding: 6px 2px; background: url(/common/image/login_bg.gif) no-repeat 50% 50%; text-align: center;}
#container #right #login p.word { padding: 0 5px; font-size: 13px; color: #0082c6; font-weight: bold; text-align: left;}
#container #right #login p.name { padding: 0 5px; text-align: left;}
#container #right #login .what_album { padding: 3px 0; text-align: right;}
#container #right #login p.favorite_btn { display: inline;}
#container #right #login p.favorite_btn img { margin: 4px 0 0 0;}
#container #right #login p.logout_btn { display: inline}
#container #right #login p.logout_btn img { margin: 4px 0 0 5px;}
#container #right #login p.login_txt { padding: 0 130px 4px 8px; text-align:left;  background: url(/common/image/bg_entry.gif) 165px 50% no-repeat; line-height: 1.6;}
#container #right #login p.login_txt span.member_stitle {
	color:#0082C6;
	font-weight:bold;
}
#container #right #login p.login_txt span.info {
	color:#dd0000;
	font-weight:normal;
}
#container #right #login div.login_btn {
	padding: 6px 0 3px;
	text-align: center;
}
#container #right #login div.login_btn form {
	display: inline;
}
#container #right #login div.login_btn form .off {
	margin-right: 5px;
}

/* right check */
#container #right #check_area {margin-bottom: 10px; background: url(/common/image/right_menu_bg.gif) no-repeat 0 bottom;}
#container #right #check_area .box {width: 299px; margin-left: 1px;}

#container #right #check_area .box ul {margin-top: 5px;}
#container #right #check_area .box ul li { padding: 5px 0 5px 14px; line-height: 16px; background: url(/common/image/check_list_kei.gif) no-repeat center bottom;}
#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;}


/* start event */
#container #right #start_event {margin-bottom: 10px; background: url(/common/image/right_menu_bg.gif) no-repeat 0 bottom;}
#container #right #start_event .box {width: 299px; margin-left: 1px;}
#container #right #start_event .box ul {margin-top: 5px;}
#container #right #start_event .box ul li { padding: 5px 0 5px 14px; line-height: 16px; background: url(/common/image/check_list_kei.gif) no-repeat center bottom;}
#container #right #start_event .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 #start_event .box ul li span {display: block; margin-right: 10px; font-size: 10px; color: #298c15; text-align: right;}


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


/* right event category */
#container #right #event_cat {margin-bottom: 10px; background: url(/common/image/right_menu_bg.gif) no-repeat 0 bottom;}
#container #right #event_cat .box {width: 299px; margin-left: 1px;}
#container #right #event_cat ul { font-size: 13px;}
#container #right #event_cat ul li {padding: 3px 0 3px 10px; border-bottom: 1px solid #e0e0e0; line-height: 20px;}
#container #right #event_cat ul li img {margin-right: 5px; vertical-align: middle;}


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

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


/* 写真注文期限 */
#container #right #limit_area {margin-bottom: 10px; }
#container #right #limit_area .limit_area_body {width: 300px; height: 102px; background: url(/common/image/limit_bg.gif) no-repeat;}
#container #right #limit_area .day {padding-top: 28px; 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 { font-weight: bold; text-align: center; background: url(/common/image/limit_bg2.gif) no-repeat center; height: 21px; color: #FFF; font-size: 10px; line-height: 21px; letter-spacing: 1px;}

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

/* カート写真一覧 */
#container #right #cart_box {margin-bottom: 10px; background: url(/common/image/cart_list_bg.gif) repeat-y; border-bottom: solid 1px #e5e5e5;}
#container #right #cart_box .title {text-align: center; background: url(/common/image/cart_line.gif) left bottom no-repeat;}
#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 { padding:8px 10px 10px 0; line-height: 20px; text-align: right;}
#container #right #cart_box p.show img { margin-right: 2px; position: relative; top: 0.1em;}
#container #right .cart_btn { padding: 5px 0 5px 0; text-align: center;}


/* footer */
#footer { background: url(/common/image/footmenu_bg.gif) bottom right no-repeat;}
#footer .to_top { text-align: right; padding: 30px 0 25px 0;}
#footer .to_top p { width: 99px; margin-left: auto;}
#footer .sitemenu {text-align: center; font-size: 10px; color: #FFF; padding: 0 0 6px;}
#footer .sitemenu a {font-weight: normal; line-height: 18px; padding: 0 6px 0 3px;}
#footer .servicemenu { padding: 7px 0 8px 0; font-size: 10px; text-align: center; color: #FFF;}
#footer .servicemenu img { position: relative; top: 3px;}
#footer .servicemenu a { font-weight: normal; color: #4d4d4d; line-height: 170%;}
#footer .servicemenu a:hover { font-weight: normal; color: #fff100; text-decoration: underline;}
#footer .copyright { text-align: center; padding-bottom: 5px;}
#footer .copyright .copy { margin: 0 auto; font-size: 10px; color:#FFFFFF;}
#footer a:link,
#footer a:visited,
#footer a:active { color: #FFF; text-decoration: none; }
#footer a:hover {color: #fff100;}

/* 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;}


/* etc */
.clear {clear: both; line-height: 0;}


/* 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;}


/* ad wait super */
#ad_wait_super {margin-top: 10px; text-align: center;}


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


/* common agreement box */
.cmn_agreement_box {margin: 13px 0 0 0; text-align: center;}
.cmn_agreement_box textarea {width: 620px; height: 320px; background: #FFF; border: solid 1px #CCC; letter-spacing: 1px; font: 10px/1.8em Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; padding-left: 5px;}

.cmn_s_agreement_box {margin: 13px 0 0 0; text-align: center;}
.cmn_s_agreement_box textarea {width: 360px; height: 250px; background: #FFF; border: solid 1px #CCC; letter-spacing: 1px; font: 10px/1.8em Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", 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 5px;
	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;
}