@charset "UTF-8";

/*--------------------------------------------

Site URL	:http://onlinelab.jp/
File Name	:common.css (http://onlinelab.jp/style/common.css)
Summery		:2013年賀状
Created		:2012-10-16
Last update	:2012-10-16
Auther		:S.Ohara(Admin)
Copyright	:(c) LNW, Inc. 

----------------------------------------------*/


/*--------------------------------------------

2013年賀状

----------------------------------------------*/

/*テーブル*/

table {
width:100%;
border-collapse: separate;
border-spacing:10px 0px;
border:0 none;
vertical-align:middle;
text-align:center;
font-size:12px;
line-height:18px;
}
table tr {
padding:3px;
}
table th{
border-bottom:1px solid #d7124b;
padding:5px 0;
vertical-align:middle;
min-width:40px;
}
table td{
border-bottom:1px solid #333;
padding:5px 0;
vertical-align:middle;
min-width:40px;
}
div#ui-datepicker-div table th,
div#ui-datepicker-div table td {
min-width:10px;
}
table tr.t_t th{
border-bottom:3px solid #333;
}
table tr.t_t th.t{
border-bottom:3px solid #d7124b!important;
}
.tx-l {text-align:left;}
.tx-c {text-align:center;}
.tx-r {text-align:right;}
.t_line {background:#d6ff66;}
th.tx-l {padding-left:4px;}
table td p.on1{
background:#9ed800;
font-size:12px;
font-weight:bold;
text-align:center;
}
table td p.on2{
background:#d6ff66;
font-size:12px;
font-weight:bold;
text-align:center;
}


b.pr-a{
font-size:30px;
color:#ce2417;
}
b.pr-b{
font-size:20px;
color:#ce2417;
}
b.pr-c{
font-size:20px;
}


/*--------------------------------------------

年賀状TOP

----------------------------------------------*/


/* BXここから */
body .bx-pager {
background: none repeat scroll 0 0 #000000;
color: #666666;
display: table-cell;
font-size:xx-small;
line-height: 10px;
padding:3px 0 3px 3px;
margin:3px;
position: absolute;
text-align: center;
top: 0;
z-index: 99999;
border-radius:5px;
opacity:0.7;
}
body .bx-pager > a{
width:10px;
height:10px;
font-size:xx-small;
padding:3px;
text-align:center;
line-height:10px;
border-radius:4px;
margin:0 3px 0 0;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}
body .bx-pager > a:hover{
background:#444;
}
body .bx-pager > a.pager-active{
background-color:#D44026;
color:#000;
}
body .bx-prev,
body .bx-next {
background: none repeat scroll 0 0 #000000;
color: #666;
display:block;
width:16px;
height:16px;
padding:3px;
margin:3px;
text-align:center;
line-height:10px;
border-radius:5px;
position:absolute;
text-indent:0px;
z-index: 999;
opacity:0.7;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}
body .bx-prev span,
body .bx-next span {
display:block;
width:10px;
height:10px;
font-size:x-small;
padding:3px;
margin:0;
text-align:center;
line-height:10px;
border-radius:4px;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}
body .bx-prev:hover,
body .bx-next:hover {
color: #111;
}
body .bx-prev span:hover,
body .bx-next span:hover {
background-color:#D44026;
}
body .bx-prev{
top:40%;
left:0%;
}
body .bx-next{
top:40%;
right:0%;
}

/* BXここまで */

div#topIMG {
width:1000px;
height:215px;
margin:10px auto 20px;
background:url(/nenga/images/new/nengatopbg.png) 0 0 no-repeat;
border-radius:3px;
}
div#topIMG>h2 {
width:1000px;
height:215px;
padding:0;margin:0;
background:url(/nenga/images/new/topimgbg.gif) 0 0 repeat-y;
border-radius:3px;
}
div#topIMG>h2>img {
border-radius:3px;
}
ul#nenga-01 {
margin:20px;
text-align:left;
padding:10px;
background:#eeede1;
border-radius:10px;
}
ul#nenga-01 li {
float:left;
width:223px;
padding:5px 5px;
margin:0 5px;
border:1px solid #eeede1;
}
ul#nenga-01>a {
color:#333;
}
ul#nenga-01>a>li {
width:213px;
padding:5px 10px;
background:url(/nenga/images/new/grad_09.png) 0 0  repeat-x ;
border:1px solid #b48c5d;
border-radius:5px;
}
ul#nenga-01>a:hover>li {
opacity:0.6;
filter:alpha(Style=2,Opacity=60,FinishOpacity=60);
}
ul#nenga-01 li h3{
font-size:17px;
color:#9c3831;
text-align:center;
padding:5px 0;
}
ul#nenga-01 li p{
padding:5px 0;
}
ul#nenga-01 li a{
color:#d7333d;
}
ul#nenga-01 li a:hover{
color:#bbb;
}
ul#nenga-01 li span{
color:#D85428;
}
ul#nenga-01 li span a{
font-size:12px;
font-weight:normal;
color:#00BACC;
}
div#nenga-03 * {
color:#fff;
}
.nenga-01c {
float:left;
width:240px;
height:300px;
margin:0 15px 0 0;
position:relative;
text-align:left;
}
.nenga-01c h1 {
font-size:17px;
padding:0;margin:0 0 2px;
font-weight:bold;
}
.nenga-01c h2 {
padding:0;margin:0 0 15px;
}
.nenga-01c p {
font-size:12px;
line-height:15px;
}
.nenga-02c {
padding:10px;
background:#f6f6f6;
border:1px solid #ddd;
position:absolute;
bottom:0;
}
.nenga-02c * {
color:#333!important;
}
.nenga-02c dl{
margin:0 0 8px;
}
.nenga-02c dt{
font-siza:14px;
font-weight:900;
margin:0 0 5px;
}
.nenga-02c dd{
font-siza:14px;
font-weight:900;
margin:0 0 5px;
vertical-align:baseline;
}
.nenga-02c dd span,
.nenga-02c dd span {
font-size:16px;
font-weight:900;
color:#f00!important;
}
.nenga-03c a {
display:table-cell;
width:218px;
height:50px;
font-size:15px;
font-weight:900;
color:#000!important;
vertical-align:middle;
text-align:center;
border:1px solid #ba8e31;
background:url(/nenga/images/new/grad_07.png) 0 0 repeat-x;
border-radius:5px;
}
.nenga-03c a:hover {
color:#650006!important;
opacity:0.6;
filter:alpha(Style=2,Opacity=60,FinishOpacity=60);
}
#nenga-04 {
width:480px;
height:300px;
float:left;
text-align:left;
}
.nenga-04c {
float:left;
width:225px;
height:278px;
position:relative;
padding:22px 0 0 0;
margin:0 15px 0 0;
}
.nenga-04c h1{
font-size:15px;
padding:0;margin:0 0 17px;
font-weight:bold;
}
.nenga-04c p{
font-size:12px;
line-height:15px;
text-align:left;
}
.nenga-04c p+p{
font-size:12px;
line-height:15px;
position:absolute;
bottom:0;
left:0;
}
.nenga-04c p+p img{
border:1px solid #ddd;
}
/* デザイナーズ 固有スタイル*/
div#nenga-03 {
padding:10px 0 10px 10px;
margin:0 20px 40px;
background:url(/nenga/images/new/desi-bg.png) center 0 no-repeat;
border-radius:5px;
}
div#nenga-03 h1 a:hover{
color:#d7333d;
}
div#nenga-03 .nenga-01c {
padding-right:12px;margin-right:12px;
border-right:1px dashed #333 ;
}


body.designers {
	background: url("/nenga/images/new/bg.png") repeat-x scroll 0 -311px, url("/nenga/images/new/designersbk3.gif") repeat scroll 0 67px transparent !important;
}
body.designers #hder-0001 li#hder-0002{background:url(/images/new/header/headerbase120bk-0.1.2.png) right 9px no-repeat;}
body.designers #hder-0001 li#hder-0002:hover {background:url(/images/new/header/headerbase120bk-0.1.2.png) right 4px no-repeat;}
body.designers #hder-0001 li.hder-0001c {background:url(/images/new/header/headerbase120bk-0.1.2.png) right 9px no-repeat;}
body.designers #hder-0001 li.hder-0001c:hover {background:url(/images/new/header/headerbase120bk-0.1.2.png) right 0px no-repeat;}
body.designers #hder-0001 li.hder-0002c {background:url(/images/new/header/headerbase120gr-0.1.2.png) right 9px no-repeat;}
body.designers #hder-0001 li.hder-0002c:hover {background:url(/images/new/header/headerbase120gr-0.1.2.png) right 0px no-repeat;}
body.designers #hder-0001 li#hder-0003{background:url(/images/new/header/headerbase120gr-0.1.2.png) right 9px no-repeat;}
body.designers #hder-0001 li#hder-0003:hover {background:url(/images/new/header/headerbase120gr-0.1.2.png) right 4px no-repeat;}

/* そのまんま・特選写真 */
div#nenga-05,
div#nenga-07 {
margin: 0 18px 30px;
padding: 0 0 30px 20px ;
border-bottom: 1px dotted #e0e0e0;
}
div#nenga-05 h1 a,
div#nenga-07 h1 a{
color:#000000;
}
div#nenga-05 h1 a:hover,
div#nenga-07 h1 a:hover{
color:#d7333d;
}
div#nenga-06 {
width:;
}

div#nenga-08 .nenga-04c {
width:480px;
height:278px;
position:relative;
padding:22px 0 0 0;
margin:0 15px 0 0;
}
/* 印刷 */
div#nenga-09 {
float:left;
width:490px;
margin:0 0 10px 30px;
border-radius:5px;
}
/* 写真ふれ */
div#nenga-10 {
float:left;
width:490px;
margin:0 0 10px 20px;
border-radius:5px;
}
div#nenga-09 .nenga-01c,
div#nenga-10 .nenga-01c {
width:230px;
}
div#nenga-09 h1 a,
div#nenga-10 h1 a{
color:#000000;
}
div#nenga-09 h1 a:hover,
div#nenga-10 h1 a:hover{
color:#d7333d;
}


body #header2 {
margin: 0 0 15px;
}
#nenganav {
width:100%;
height:90px;
background:url(/nenga/images/new/grad_05.png) repeat-x 0 bottom;
}
#nenganav ul#btn{
width:1048px;
height:80px;
margin:0 auto;
padding:0 0 0 8px;
overflow:hidden;
}
#nenganav ul#btn li{
float:left;
width:204px;
height:80px;
margin:0 5px 0 0;
}
#nenganav ul#btn li a{
display:block;
width:100%;
height:80px;
margin:13px 0 0;
overfloat:hidden;
background:url(/nenga/images/new/grad_04.png) repeat-x 0 0 #fff;
border-radius:5px 5px 0 0;
-webkit-box-shadow: #aaa 0px 0px 4px 0px;
-moz-box-shadow: #aaa 0px 0px 4px 0px;
box-shadow: #aaa 0px 0px 4px 0px;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
}
#nenganav ul#btn li a:hover{
background:url(/nenga/images/new/grad_02.png) repeat-x 0 0 #ffe899;
margin-top:5px;
height:110px;
}
#nenganav ul#btn li#b2 a:hover{
background:/*url(/nenga/images/new/grad_16.png) repeat-x 0 0 */#b39a7c;
margin-top:5px;
height:110px;
}
div#nngctlg-nav ul#nav-big a{
color:#ccc;
text-decoration:none;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
}
div#nngctlg-nav ul#nav-big a:hover{
color:#333;
}
div#nngctlg-nav ul#nav-big {
width:1029px;
padding:0 0 0 5px;
margin:0 auto;
}
div#nngctlg-nav ul#nav-big>li{
float:left;
width:336px;
padding:0;
margin:0 5px 0 0;
border:1px solid #f4f4f4;
border-radius:10px;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
}
div#nngctlg-nav ul#nav-big li:hover{
background:#fff5d2;
}
div#nngctlg-nav ul#nav-big li:hover a{
color:#9e7b00;
}
body.designers div#nngctlg-nav ul#nav-big li:hover{
background:#b29f8a;
}
body.designers div#nngctlg-nav ul#nav-big li:hover a{
color:#9d886f;
}
div#nngctlg-nav ul#nav-big li:hover a:hover{
color:#352900;
}
div#nngctlg-nav ul#nav-big li h1{
text-align:center;
padding:10px 0 5px;
margin:0;
}
div#nngctlg-nav ul#nav-big li ul.cf{
width:315px;
padding:0;
margin:10px;
background:url(/nenga/images/new/grad_04.png) repeat-x 0 bottom;
border-radius:5px;
border-top:1px solid #e8b80f;
border-left:1px solid #e8b80f;
border-bottom:1px solid #e8b80f;
}
body.designers div#nngctlg-nav ul#nav-big li ul.cf{
width:315px;
padding:0;
margin:10px;
background:url(/nenga/images/new/grad_04.png) repeat-x 0 bottom;
border-radius:5px;
border-top:1px solid #776147;
border-left:1px solid #776147;
border-bottom:1px solid #776147;
}
div#nngctlg-nav ul#nav-big li ul.cf li{
float:left;
width:62px;
padding:0;
margin:0;
border-right:1px solid #e8b80f;
border-radius:0px;
}
body.designers div#nngctlg-nav ul#nav-big li ul.cf li{
border-right:1px solid #776147;
}
div#nngctlg-nav ul#nav-big li ul.cf li:last-child{
border-radius:0 5px 5px 0;
}
div#nngctlg-nav ul#nav-big li ul.cf li:first-child{
border-radius:5px 0 0 5px;
}
div#nngctlg-nav ul#nav-big li ul.cf li a{
display:block;
width:52px;
padding:10px 5px;
margin:0;
line-height:15px;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
}
div#nngctlg-nav ul#nav-big li ul.cf li a:hover{
background:url(/nenga/images/new/grad_06.png) repeat-x 0 0;
}
div#nngctlg-nav ul#nav-big li#here{
background:url(/nenga/images/new/grad_01.png) repeat-x 0 0 #776147;
border:1px solid #e8b80f;
}
body.designers div#nngctlg-nav ul#nav-big li#here{
background:url(/nenga/images/new/grad_16.png) repeat-x 0 0 #776147;
border:1px solid #776147;
}
div#nngctlg-nav ul#nav-big li#here h1 a{
color:#000;
font-weight:900;
}
div#nngctlg-nav ul#nav-big li#here h1 a:hover{
color:#000;
}
div#nngctlg-nav ul#nav-big li#here ul li.here{
background:url(/nenga/images/new/grad_06.png) repeat-x 0 0;
}
div#nngctlg-nav ul#nav-big li#here ul li.here a{
color:#000;
font-weight:bold;
}
body.designers ul.pncz {
width:1040px;
font-size:x-small;
padding:5px 0;
margin:0 auto;
color:#fff;
}
body.designers ul.pncz a {
display:table-cell;
color:#fff;
line-height:14px;
border-radius:3px;
}
body.designers ul.pncz li {
display:table-cell;
color:#fff;
padding:4px;
}
body.designers ul.pncz>a>li:after {
 content: " ＞ ";
}
body.designers ul.pncz a:hover {
background:#493926;
color:#fff;
text-decoration:none;
}



/*　デザイナーズ　*/
div.desipre ul#nav-big {
width:1029px!important;
padding:0 0 0 5px!important;
}
div.desipre ul#nav-big>li{
width:336px!important;
}
div.desipre ul#nav-big li ul.cf{
width:315px!important;
}
div.desipre ul#nav-big li ul.cf li{
width:62px!important;
}
div.desipre ul#nav-big li ul.cf li a{
width:52px!important;
}

/*　写真フレーム　*/
div.shafure ul#nav-big {
width:1010px!important;
padding:0 0 0 5px!important;
}
div.shafure ul#nav-big>li{
width:245px!important;
}
div.shafure ul#nav-big li ul.cf{
width:225px!important;
}
div.shafure ul#nav-big li ul.cf li{
width:74px!important;
}
div.shafure ul#nav-big li ul.cf li a{
width:64px!important;
}
div.shafure ul#nav-big li ul.li-one li{
width:224px!important;
}
div.shafure ul#nav-big li ul.li-one li a{
width:214px!important;
}


div#catalog {
padding:0;
margin:20px 0;
border-top:1px solid #eee;
}

div.postcardImgContainer {
width:207px;
margin:0;
float:left;
position:relative;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
transition:0.1s;
}
div.postcardImgContainer:hover {
background:rgba(0,0,0,0.01);
}
div.postcardImgContainer:nth-child(5n) {
border-right:0 none;
}
div.h140 {
width:207px;
height:207px;
margin:0 0 0 1px;
display:table-cell;
vertical-align:middle;
text-align:center;
background:url(/nenga/images/new/pup.png) no-repeat center center;
}
div.h140 a img {
border:1px solid #eee;
box-shadow:0px 0px 4px 0px rgba(0,0,0,0);
}
div.h140 a img.LH {height:170px;}
div.h140 a img.LW {width:170px;}
div.h140 a:hover img {
opacity:0.5;
background:#ffc438;
border-color:#222;
filter:alpha(Style=2,Opacity=20,FinishOpacity=20);
box-shadow:0px 0px 4px 0px rgba(0,0,0,0.05);
}
div.buttons {
margin:4px;
padding:4px;
background:rgba(0,0,0,0.05);
}
div.buttons h2{
width:70px;
height:12px;
float:left;
font-size:12px;
line-height:12px;
margin:8px 0;
padding:0 10px 0;
border-left:2px solid rgba(0,0,0,0.1);
}
p.odr {
float:right;
width:70px;
height:28px;
padding:0;
margin:0; 
}
/*
div.postcardImgContainer p.odr a {
display:block;
width:62px;
height:12px;
line-height:12px;
font-size:12px;
padding:3px;
margin:0;
border:1px solid #ad3e2b;
background:url(/nenga/images/new/grad_08.png) repeat-x 0 0;
color:#fff;
border-radius:3px;
}
div.postcardImgContainer p.odr a:hover {
opacity:0.8;
filter:alpha(Style=2,Opacity=80,FinishOpacity=80);
color:#ffdb14;
}
*/
p.badge {
display:table-cell;
height:10px;
line-height:10px;
padding:4px;
margin:;
font-size:x-small;
_font-size:xx-small;
position:absolute;
top:4px;
right:4px;
border-radius:2px;
}
p.badge2 {
display:table-cell;
height:10px;
line-height:10px;
padding:4px;
margin:;
font-size:x-small;
_font-size:xx-small;
position:absolute;
top:4px;
left:4px;
border-radius:2px;
}
p.badge3 {
display:table-cell;
height:10px;
line-height:10px;
padding:4px;
margin:;
font-size:x-small;
_font-size:xx-small;
position:absolute;
top:26px;
right:4px;
border-radius:2px;
}
p.tnky {
background:#c7ff4e;
}
p.ttlok {
background:#ade9ff;
}
p.retro {
background:#7b613c;
color:#fff;
}
p.nnrkk {
background:#f9c0cc;
color:#af2a40;
}
p.pic1 {
background:#DBBAFF;
}
p.pic2 {
background:#BD7FFF;
}
p.pic3 {
background:#EABAFF;
}
p.pic4 {
background:#DA7FFF;
}


/*--------------------------------------------

ランディング用

----------------------------------------------*/


.typetp-04c {position:relative;}
.desical {
position:absolute;
min-width:30px;
height:30px;
bottom:106px;
right:-5px;
margin:0;
padding:10px;
text-align:center;
background:#f00;
opacity:0.8;
border-radius:30px;
filter:alpha(Style=2,Opacity=80,FinishOpacity=80);
}
.desical p {
opacity:1.0;
filter:alpha(Style=2,Opacity=100,FinishOpacity=100);
font-size:11px;
margin:-2px 0 0;
padding:0;
color:#fff;
}
.desical p b {
display:block;
font-size:20px;
line-height:1em;
}


#typetp-04 {
margin:0 0 20px;
}
#typetp-04 ul {
width:992px;
margin:0 auto 20px;
}
#typetp-04 ul.flame {
width:744px;
margin:0 auto 20px;
}
#typetp-04 ul.tokusen {
width:496px;
margin:0 auto 20px;
}
#typetp-04 ul.sonomanma {
width:744px;
margin:0 auto 20px;
}
#typetp-04 ul li {
float:left;
text-align:left;
width:204px;
padding:10px;
margin:0 12px;
border-radius:10px;
}
#typetp-04 ul li h2 {
padding:0 0 6px;
}
#typetp-04 ul a {
color:#ccc!important;
}
#typetp-04 ul a.pager-active {
color:#000!important;
}
#typetp-04 ul a:hover {
color:#D7124B!important;
}
#typetp-04 ul a:hover li {
background:#fafafa;
}
#typetp-04 ul a.pager-active:hover{
color:#000!important;
}
#typetp-04 ul a.pager-active:hover li{
background:#fff;
}
h1.rbn {
margin:0 0 15px -11px;
}
h1.rbn span {
display:table-cell;
height:34px;
background:url(/nenga/images/new/header-bk.png) 0 0 no-repeat;
line-height:31px;
padding:0 15px 0;
font-size:18px;
color:#000;
}
body.designers h1.rbn span {
background:url(/nenga/images/new/header-bk2.png) 0 0 no-repeat;
color:#fff;
}
#typetp-05 p{
width:1040px;
margin:0 auto 30px;
}
#typetp-06,
#typetp-07,
#typetp-08,
#typetp-09,
#typetp-11,
#typetp-13,
#typetp-14,
#typetp-16 {
width:1000px;
margin:0 auto 40px;
}
#typetp-06 h1.rbn,
#typetp-07 h1.rbn,
#typetp-08 h1.rbn,
#typetp-09 h1.rbn,
#typetp-11 h1.rbn,
#typetp-13 h1.rbn,
#typetp-14 h1.rbn,
#typetp-16 h1.rbn {
margin:0 0 15px -31px;
}
h1#ptop {
padding:10px 20px 15px;
font-size:25px;
line-height:30px;
height:30px;
color:#000;
z-index:9999;
}
h1#ptop img {
padding:0 10px 5px;
}
#typetp-10 {
margin:auto 0 20px;
}


/*デザイナーズ*/

ul.typetp-01c {
width:1040px;
padding:0 0 0 40px;
}
.typetp-01c li {
float:left;
width:210px;
height:250px;
margin:0 50px 0 0;
position:relative;
text-align:left;
}
.typetp-01c li h2 {
padding:10px 0;
}
.typetp-01c li.typetp-02c {
width:189px;
height:250px;
margin:0 15px 0;
}
.typetp-01c li.typetp-04c>a {
display:block;
height:110px;
}
.typetp-01c li.typetp-04c>a>img {
width:110px;
height:auto;
margin:5px;
-webkit-box-shadow: #bbb 0px 0px 4px 0px;
-moz-box-shadow: #bbb 0px 0px 4px 0px;
box-shadow: #bbb 0px 0px 4px 0px;
}
.typetp-01c li.typetp-04c>a>img+img {
width:auto;
height:110px;
}
.typetp-01c li.typetp-04c a#simple>img {
width:74px!important;
height:110px!important;
}
.typetp-01c li.typetp-02c img {
height:250px;
width:auto;
-webkit-box-shadow: #bbb 0px 0px 4px 0px;
-moz-box-shadow: #bbb 0px 0px 4px 0px;
box-shadow: #bbb 0px 0px 4px 0px;
}
.typetp-01c img {
border-radius:5px;
}
.retros {
background: none repeat scroll 0 0 #C6B9A7;
border-radius: 20px 20px 20px 20px;
bottom: 81px;
color: #281D0D;
font-weight: bold;
line-height: 17px;
opacity: 0.9;
padding: 10px;
position: absolute;
right: -47px;
text-align: left;
width: 85px;
}
.nnrkks{
background: none repeat scroll 0 0 #FFBFB7;
border-radius: 10px 10px 0 0;
bottom: 58px;
color: #D13232;
font-weight: bold;
line-height: 17px;
opacity: 0.9;
padding: 10px 10px 5px;
position: absolute;
right: 79px;
text-align: left;
width: 275px;}

/*写真フレーム*/
ul.typetp-05c {
width:1010px;
padding:0 0 0 40px;
}
.typetp-05c li {
float:left;
width:210px;
height:250px;
margin:0 40px 0 0;
position:relative;
text-align:left;
}
.typetp-05c li h2 {
padding:10px 0;
}
.typetp-05c li.typetp-04c>a {
display:block;
height:110px;
}
.typetp-05c li.typetp-04c>a>img {
width:110px;
height:auto;
margin:5px;
-webkit-box-shadow: #bbb 0px 0px 4px 0px;
-moz-box-shadow: #bbb 0px 0px 4px 0px;
box-shadow: #bbb 0px 0px 4px 0px;
}
.typetp-05c li.typetp-04c>a>img+img {
width:auto;
height:110px;
}
.typetp-05c li.typetp-02c img {
height:250px;
width:auto;
-webkit-box-shadow: #bbb 0px 0px 4px 0px;
-moz-box-shadow: #bbb 0px 0px 4px 0px;
box-shadow: #bbb 0px 0px 4px 0px;
}
.typetp-05c img {
border-radius:5px;
}
.nenga-03c a.typetp-03c {
width:198px;
position:absolute;
line-height:50px;
bottom:0;
left:0;
}
#typetp-12 {
width:966px;
margin:10px auto;
}
#typetp-12>li {
width:260px;
height:90px;
float:left;
display:table-cell;
vertical-align:middle;
text-align:center;
border:1px dotted #888;
border-radius:20px;
padding:20px;
margin:10px 0;
}
#typetp-12>li.arrow {
width:30px;
height:30px;
text-align:center;
border:0px none;
border-radius:20px;
padding:50px 0;
}
#typetp-12>li>h4{
text-align:center;
font-size: 18px;
padding:0px 0 15px;
}
#typetp-12>li ul li{
width:250px;
border-bottom:1px solid #eee;
text-align:left;
padding:2px 5px;
}
#typetp-12>li p{
text-align:left;
padding:2px 5px;
}
#typetp-15 {
margin:5px 17px;
padding:10px;
background:#fff17c;
border-radius:10px;
}
#typetp-17 {
width:980px;
margin:0 auto;
}
#typetp-17>li {
float:right;
width:430px;
padding:20px;
margin:10px;
border-radius:20px;
background:#f3f3f3;
}
#typetp-17>li:hover {
background:#e3e3e3;
}
#typetp-17>li>img {
display:block;
float:left;
padding:9px;
margin:10px;
border:1px solid #bbb;
border-radius:5px;
-webkit-box-shadow: #bbb 0px 0px 4px 0px;
-moz-box-shadow: #bbb 0px 0px 4px 0px;
box-shadow: #bbb 0px 0px 4px 0px;
}
#typetp-17>li>div {
float:left;
width:250px;
height:100;
padding:10px;
margin:10px;
background:#fdfdfd;
border-radius:10px;
}
#typetp-17>li>div p {
padding:20px 0 10px;
}
#typetp-17>li>div>h2 {
text-align:center;
font-size:18px;
}
.typetp-10c {
display:table-cell;
width:230px;
height:46px;
padding:0 20px;
font-size:15px;
font-weight:900;
color:#000!important;
vertical-align:middle;
text-align:center;
border:1px solid #ad4545;
background:url(/nenga/images/new/grad_07.png) 0 0 repeat-x #a33725 ;
border-radius:5px;
}
.typetp-10c:hover {
color:#650006!important;
opacity:0.6;
filter:alpha(Style=2,Opacity=60,FinishOpacity=60);
}
a.cb-hagaki:hover img {
-webkit-box-shadow: #777 0px 0px 4px 0px;
-moz-box-shadow: #777 0px 0px 4px 0px;
box-shadow: #777 0px 0px 4px 0px;
opacity:0.6;
filter:alpha(Style=2,Opacity=60,FinishOpacity=60);
}
div#mochu {
position:relative;
margin:30px 50px;
padding:20px;
background:#DAC3F4;
border:1px solid #AF8FD3;
border-radius:3px;
background:url(/nenga/images/new/mochubk.png) center center;
}
div#mochu h2 {
display:table-cell;
float:left;
font-weight:100;
font-size:30px;
line-height:30px;
color:#241453;
}
div#mochu p {
display:table-cell;
float:left;
padding:0 10px 0;
font-weight:100;
font-size:13px;
line-height:30px;
color:#000;
}
div#mochu .nenga-03c a.typetp-03c {
width:110px;
font-size:11px;
color:#fff!important;
bottom: 9px;
left: auto;
right:9px;
background:url(/nenga/images/new/grad_14.png)0 0 repeat-x;
border:1px solid #4b3687;
}
div#mochu .nenga-03c a.typetp-03c:hover {
color:#fff!important;
}
#typetp-09 a#go-m{
display:block;
}

#mochu2{
position:relative;
margin:20px 20px 10px;
height:150px;
border:1px solid #AF8FD3;
background:url("/nenga/images/new/mochubk.png") no-repeat scroll center center;
}
#mochu2 h2{
position:absolute;
font-weight:100;
font-size:50px;
line-height:50px;
color:#241453;
top:32%;
left:50px;
}
#mochu2 .typetp-05c{
width:600px;
position:absolute;
top:20px;
left:320px;
}
#mochu2 .typetp-05c li.typetp-04c{
width:275px;
height:110px;
padding:0;
margin:0 20px 0 0;
}
#mochu2 li.typetp-04c>img {
width:auto;
height:110px;
margin:5px;
-webkit-box-shadow: #7459C6 0px 0px 4px 0px;
-moz-box-shadow: #7459C6 0px 0px 4px 0px;
box-shadow: #7459C6 0px 0px 4px 0px;
}
#mochu2 li.typetp-04c p.nenga-03c a.typetp-03c{
bottom:25px;
width:130px;
font-size:11px;
color:#fff!important;
left: auto;
right:10px;
background:url(/nenga/images/new/grad_14.png)0 0 repeat-x!important;
border:1px solid #4b3687;
}
#mochu2 li.typetp-04c p.nenga-03c a.typetp-03c:hover{
color:#fff!important;
}

#ptop {
position:relative;
}
#ptop #badge{
position:absolute;
bottom:-90px;
right:5px;
z-index:9999;
}


/*------------------------

注文遷移

------------------------*/

dl.dlstyle {
}
dl.dlstyle dt {
float:left;
text-align:left;
padding:5px 10px;
margin:5px;
border-bottom:1px solid #69B2AF;
font-size:14px;
}
dl.dlstyle dd {
float:left;
text-align:left;
padding:5px 10px;
margin:5px;
border-bottom:1px solid #ddd;
font-size:14px;
}