@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for wedding
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: #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 left;}

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

/* anchor */
a:link,
a:visited,
a:active { color: #663014; text-decoration: none; }
a:hover {color: #ff9900;}

/* head */
#head {background: #fffbf7;}
#head h2 { float: left; width: 190px;}
#head h2 img {margin: 10px 0 7px 14px;}
#head .kei { float: left; width: 12px;}
#head .read {font-size: 10px; letter-spacing: 1px; line-height: 1.4em; float: left; width: 310px;}

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

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



/* パンくず */
#topic_path {vertical-align: top; background: #fff;}
#topic_path .topicpath {padding: 3px 0 8px 25px; background: url(/common/image/arrow_square.gif) no-repeat 10px 8px; font-size: 13px;}
#topic_path .topicpath a { font-weight: normal;}
#topic_path .topicpath span { color: #c2c5cc;}
.topicpath_foot {padding: 3px 0 8px 15px; background: url(/common/image/arrow_square.gif) no-repeat 0 8px; font-size: 13px;}
.topicpath_foot a { font-weight: normal;}
.topicpath_foot span { color: #c2c5cc;}


/* コンテンツタイトル */
/* 2カラムタイトル */
#contents_title {height: 47px; margin-right: 15px; background: url(/common/image/title_bg.gif) no-repeat;}
#contents_title div {text-align: left; background: url(/common/image/title_foot.gif) bottom left repeat-x;}
#contents_title div h3 {font-size: 19px; line-height: 26px; padding: 11px 5px 15px 13px;}

/* 2カラムリキッドタイトル */
#contents_title2 {height: 47px; margin-right: 15px; background: url(/common/image/title_bg2.gif) no-repeat;}
#contents_title2 div {text-align: left; background: url(/common/image/title_bg2_right.gif) top right no-repeat;}
#contents_title2 div h3 {font-size: 19px; line-height: 26px; padding: 11px 5px 15px 13px; background: url(/common/image/title_foot.gif) bottom left repeat-x;}

/* 1カラムタイトル */
#contents_title3 {height: 47px; background: url(/common/image/title_bg2.gif) no-repeat;}
#contents_title3 div {text-align: left; background: url(/common/image/title_bg2_right.gif) top right no-repeat;}
#contents_title3 div h3 {font-size: 19px; line-height: 26px; padding: 11px 5px 15px 13px; background: url(/common/image/title_foot.gif) bottom left repeat-x;}


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

/* right calling */
#container #right .calling {margin-bottom: 10px;}

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

/* right login-logoff */
#container #right #login {width: 205px; margin-bottom: 10px; background: url(/common/image/loginarea_bg.gif) repeat-y;}
#container #right #login .head {padding: 10px 0 0; background: url(/common/image/loginarea_head.gif) no-repeat;}
#container #right #login p.word {padding-left: 10px; font-size: 13px; color: #fa9b00; font-weight: bold;}
#container #right #login p.name {padding-left: 10px;}
#container #right #login p.favorite_btn {float: left;}
#container #right #login p.favorite_btn img {margin: 4px 0 0 12px;}
#container #right #login p.logout_btn {float: left;}
#container #right #login p.logout_btn img {margin: 4px 0 5px 10px;}
#container #right #login p.login_btn {padding: 3px 3px 5px; text-align: center;}
#container #right #login p.login_btn img {margin: 4px 0 5px 4px;}
#container #right #login p.login_txt {padding: 6px 5px 4px 10px; font-size: 12px;}
#container #right #login div.what_album {padding: 0 3px 5px 0; text-align: right;}
#container #right #login a {font-weight: bold;}

/* right gloriare out */
#container #right #logoff {width: 205px; margin-bottom: 10px;}

/* 写真注文期限 */
#container #right #limit_area {margin-bottom: 10px; }
#container #right #limit_area .limit_area_body {width: 205px; height: 88px; background: url(/common/image/limit_bg.gif) no-repeat;}
#container #right #limit_area .limit_area_body_again {width: 205px; height: 88px; background: url(/common/image/limit_bg.gif) no-repeat;}
#container #right #limit_area .day {padding-top: 22px; text-align: center; font-size: 10px; color: #d90000;}
#container #right #limit_area .day span { font-size: 26px; font-weight: bold; line-height: 30px;}
#container #right #limit_area .yymmdd {height: 17px; line-height: 15px; font-weight: bold; text-align: center; background: url(/common/image/limit_bg2.gif) no-repeat; color: #FFF; font-size: 10px; letter-spacing: 1px; margin: 2px 9px 4px 9px;}

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

/* カート写真一覧 */
#container #right #cart_box {margin-bottom: 10px; border: solid 1px #e5e5e5; border-top: 0;}
#container #right #cart_box .title {text-align: center; background: url(/common/image/photo_bg.gif) left bottom no-repeat; margin-bottom: 6px;}
#container #right #cart_box .title img {margin: 8px auto;}
#container #right #cart_box table { width: 188px;}
#container #right #cart_box td { width: 60px; height: 60px; background: url(/common/image/photo_bg.gif); text-align: center; vertical-align: middle;}
#container #right #cart_box p.show { width: 194px; padding: 8px 0 10px 0; line-height: 20px; text-align: right;}
#container #right #cart_box p.show img { margin-right: 3px; position: relative; top: -0.2em;}
#container #right .cart_btn { padding: 5px 0 5px 9px;}

/* footer */
#footer .sitemenu {text-align: center; background-color: #f2f2f2; height: 26px; font-size: 10px; border: solid 1px #d9d9d9; border-left: none; border-right: none; color: #b3b3b3;}
#footer .sitemenu a {font-weight: normal; line-height: 26px; padding: 0 6px;}
#footer .copyright {color: #e0822f; font-size: 10px; height: 90px; text-align: center; padding-top: 40px; background: url(/common/image/foot_bg.gif) repeat-x;}
#footer .to_top { text-align: right; padding: 20px 10px 10px 0;}

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