@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for dancelife
FileName: base.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: #5f5f5f;}
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: #333;}
body {background: url(/common/image/base_bg.gif) top;}


/* general layout */
#container { width: 940px; 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: #3d7eb8;}
a:hover {color: #a60000;}

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


/* head */
h1 {font-size: 10px; padding: 1px 0 0 2px; line-height: 12px; font-weight: normal; letter-spacing: 1px; color: #4D4D4D;}
#head { padding-bottom: 10px; background: url(/common/image/base_shadow.gif) repeat-y right;}
#head h2 {float: left; width: 207px; padding-bottom: 0;}
#head h2 img {margin: 0 0 0 2px;}
#head table {height: 113px; background: url(/common/image/head_bg_body.gif) repeat-x;}
#head .logo_read {vertical-align: middle; height: 58px;}
#head .read { margin-bottom: 0; font-size: 10px; letter-spacing: 1px; line-height: 1.4em; float: left; width: 280px;}
#head .cartbutton {float: left; margin: 15px 0 0 0;}
#head .faq {float: right; margin: 15px 6px 0 0;}
#head .gn_menu {height: 31px;}
#head .gn_menu div.line {border: solid 1px #2b0519;}
#head .gn_menu div div {height: 29px; background: url(/common/image/menu_bg.gif) repeat-x;}
#head .gn_foot {height: 8px; line-height: 8px;}

#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; padding: 5px;text-align: left; font-size: 10px;}


/* パンくず */
#topic_path  {width: 830px; padding: 0 0 0 12px; font-size: 13px; line-height: 20px;}
#topic_path a { font-weight: normal;}
#topic_path span { color: #c2c5cc;}
#topic_path_foot  {width: 610px; padding: 5px 0 0 0; font-size: 13px; line-height: 20px;}
#topic_path_foot a { font-weight: normal;}
#topic_path_foot span { color: #c2c5cc;}


/* コンテンツタイトル */
/* 1カラムタイトル */
#contents_title1 {}
#contents_title1 table {background: url(/common/image/title_2ndbg.gif) top left;}
#contents_title1 table h3 {font-size: 19px; color: #fff; line-height: 26px; padding: 7px 0 3px 7px;}
#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 td.foot { background: url(/common/image/title_bg_bottom.gif) repeat-x top left; padding-bottom: 5px;}

/* 2カラムタイトル */
#contents_title2 {margin-right: 15px;}
#contents_title2 table {background: url(/common/image/title_2ndbg.gif) top left;}
#contents_title2 table h3 {font-size: 19px; color: #fff; line-height: 26px; padding: 7px 0 3px 7px;}
#contents_title2 table h4 {font-size: 12px; color: #fff; 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 td.foot { background: url(/common/image/title_bg_bottom.gif) repeat-x top left; padding-bottom: 5px;}


/* topicpath */
.top_topicpath { height: 10px;}

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

/* navigation */
#navi_position {padding-top: 3px 0 0 0; margin: 0 0 0 15px;}
#navi_position .position_text { font-size: 10px; padding: 3px 0 0 0; color: #666; letter-spacing: 1px;}
#navi_position .position_text span { padding: 0 2px; color: #000;}
#navi_position .position_text img { margin-right: 3px;}


/* right login-logoff */
#container #right #login {width: 300px; background: url(/common/image/bg_side_login_body.gif) repeat-y; margin-bottom: 10px;}
#container #right #login .head {background: url(/common/image/bg_side_login_head.gif) no-repeat top left; padding-top: 8px; text-align: center;}
#container #right #login p.word {padding: 10px 10px 0 15px; font-size: 14px; color: #e60011; font-weight: bold; text-align: left;}
#container #right #login p.name {padding: 4px 10px 0 14px; text-align: left;}
#container #right #login p.favorite_btn {display: inline;}
#container #right #login p.favorite_btn img {margin: 12px 0 0 0;}
#container #right #login p.logout_btn {display: inline;}
#container #right #login p.logout_btn img {margin: 12px 0 0 5px;}
#container #right #login p.login_btn {padding: 3px; text-align: center;}
#container #right #login p.login_btn img {margin: 4px 0 0 4px;}
#container #right #login p.login_txt {margin: 6px 12px 0 0; padding: 0 110px 4px 15px; 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:#BF306C;
	font-weight:bold;
}
#container #right #login p.login_txt span.info {
	color:#dd0000;
	font-weight:normal;
}
#container #right #login div.login_btn form {
	display: inline;
}
#container #right #login div.login_btn form input.off {
	margin-right: 10px;
}
#container #right #login p.login_txt a:link,
#container #right #login p.login_txt a:visited {color: #BF306C; text-decoration: none;}
#container #right #login p.login_txt a:hover,
#container #right #login p.login_txt a:active {text-decoration: underline;}
#container #right #login div.what_album {padding: 0 15px 5px 0; text-align: right;}
#container #right #login a {font-weight: bold;}
#container #right #login .foot {height: 9px; padding-top: 8px;}


/* right check */
#container #right #check_area {width: 300px; background: url(/common/image/side_bg_body.gif) repeat-y; margin-bottom: 10px;}
#container #right #check_area .head {background: url(/common/image/side_bg_head.gif) no-repeat top left; padding-top: 3px;}
#container #right #check_area .head .check_title {padding-left: 4px;}
#container #right #check_area .head ul {margin-top: -5px;}
#container #right #check_area .head ul li { padding: 0 0 8px 3px; margin: 10px 5px -4px 5px; line-height: 16px; background: url(/common/image/side_table_line.gif) repeat-x bottom;}
#container #right #check_area .head ul li a {display: block; padding: 0 10px 0 10px; font-size: 13px; font-weight: bold; background: url(/common/image/side_icon_purple.gif) no-repeat 0 0.3em;}
#container #right #check_area .head ul li span {display: block; margin-right: 10px; font-size: 10px; color: #be8a12; text-align: right;}


/* start event */
#container #right #start_event {width: 300px; background: url(/common/image/side_bg_body.gif) repeat-y; margin-bottom: 10px;}
#container #right #start_event .head {background: url(/common/image/side_bg_head.gif) no-repeat top left; padding-top: 3px;}
#container #right #start_event .head .start_title {padding-left: 4px;}
#container #right #start_event .head ul {margin-top: -5px;}
#container #right #start_event .head ul li { padding: 0 0 8px 3px; margin: 10px 5px -4px 5px; line-height: 16px; background: url(/common/image/side_table_line.gif) repeat-x bottom;}
#container #right #start_event .head ul li a {display: block; padding: 0 10px 0 10px; font-size: 13px; font-weight: bold;background: url(/common/image/side_icon_purple.gif) no-repeat 0 0.3em;}
#container #right #start_event .head ul li span {display: block; margin-right: 10px; font-size: 10px; color: #be8a12; 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 city search */
#container #right #city_search {width: 300px; background: url(/common/image/side_bg_body.gif) repeat-y; margin-bottom: 10px;}
#container #right #city_search .head {background: url(/common/image/side_bg_head.gif) no-repeat top left; padding: 3px 0 0 0;}
#container #right #city_search .city_search_title {padding-left: 4px; margin-bottom: 3px;}
#container #right #city_search .replace { padding: 2px 0 3px 9px;}
#container #right #city_search .replace span a { text-decoration: none; color: #414141; font-weight: bold;}
#container #right #city_search .replace img {position: relative; top: 1px; margin-right: 5px;}
#container #right #city_search .more_pre { display: none;}
#container #right #city_search .more_pre ul { padding: 3px 0 5px 0;}
#container #right #city_search .more_pre li { padding: 3px 0 0 22px; text-decoration: none; background: url(/common/image/in_arrow.gif) no-repeat 12px 6px;}
#container #right #city_search .more_pre li.st {border-top: none;}
#container #right #city_search .box { padding-bottom: 3px;}


/* right ad area */
#container #right .calling { margin-bottom: 10px; text-align: center;}
#container #right #ad_banner p {border: solid 1px #c2c2c2; margin: 0 47px 10px 48px;}
#container #right #ad_banner p img {margin: 1px;}


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


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


/* カート写真一覧 */
#container #right #cart_box {width: 300px; background: url(/common/image/side_bg_body.gif) repeat-y; margin-bottom: 10px; text-align: center;}
#container #right #cart_box .head {background: url(/common/image/side_bg_head.gif) no-repeat top left; padding-top: 3px;}
#container #right #cart_box .title {padding-left: 4px; margin-bottom: 5px;}
#container #right #cart_box table {margin: 0 auto;}
#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 .show {font-size: 13px; padding: 10px 10px 10px 0; text-align: right;}
#container #right #cart_box .show img {margin-right: 3px;}
#container #right .cart_btn { padding: 3px 0 5px 10px;}


/* footer */
#footer .to_top { text-align: right; padding: 20px 0 9px 0;}
#footer .to_top p { width: 99px; margin-left: auto;}
#footer .to_top p img { margin: 4px;}
#footer .sitemenu {text-align: center; background-color: #ae156a; font-size: 10px; color: #fff; padding: 3px 0 5px;}
#footer .sitemenu a {font-weight: normal; color: #fff; line-height: 23px; padding: 0 6px 0 3px;}
#footer .servicemenu { padding: 5px 0 20px 0; font-size: 10px; color: #fff; text-align: center; background: url(/common/image/foot_menu_bg.gif) repeat-x;}
#footer .servicemenu img { position: relative; top: 3px;}
#footer .servicemenu a { font-weight: normal; color: #fff;}
#footer .servicemenu a:hover { font-weight: normal; color: #fff; text-decoration: underline;}
#footer .copyright { text-align: center; padding-bottom: 20px;}
#footer .copyright .copy { margin: 0 auto; font-size: 10px; color:#454545;}


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


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