@charset "utf-8";

/*

--目次--



1.メインメニュー



2.ショッピングカート･注文状況の確認



3.メインコンテンツ

    3-1.メイン画像・メインテキスト

    3-2.おすすめデザイン

    3-3.人気デザイントップ3

    3-4.デザイン年賀状一覧

    3-5.喪中はがき一覧

    

4.サブコンテンツ

    4-1.ログインボックス

    4-2.年賀状・データ入稿・喪中・宛名印刷ボックス

    4-3.ご注文について・当店について

    4-4.年賀状デザイン素材の著作権表記について

*/



/**************************

全体基本(編集禁止ここから)

**************************/

*{

    margin:0;

    padding:0;

    font-style:normal;

}

body{

    color:#333333;

    font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";

    font-size:100%;

    text-align:center;

}

h1,h2,h3,h4,h5,h6{

    font-size:100%;

    font-weight:normal;

}

ul,li{

    list-style-type:none;

}

img{

    border:none;

    vertical-align: bottom;

}

table,td,th{

    border:none;

    text-align:left;

    /*vertical-align:top;*/

    font-weight:normal;

}

#wrapper{

    width:922px;

    margin-right: auto;

    margin-left: auto;

    text-align:left;

}

a {

    color: #333333;

    text-decoration: none;

    outline-color:invert;

    outline-style:none;

    outline-width:medium;

}

a:hover{

    color: #3333FF;

    text-decoration: underline;

}

/*------------clearfix------*/

/*ie以外のモダンwebブラウザ向けの指定*/

.clearfix:after{

    content:".";

    display:block;

    height:0;

    clear:both;

    visibility:hidden;

}

/*ie7およびmac版ie5向け*/

.clearfix{display:inline-block;}

/*ie6以前向け*/

/*Hides from IE-mac¥*/

*html.clearfix{height:1%;}

.clearfix{display:block;}

/*End hide from IE-mac*/

/*------------clearfix------*/

/**************************

全体基本(編集禁止ここまで)

**************************/



/*****************以下コンテンツ内容(以下編集可)********************/

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

1.メインメニュー

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

#mainmenu{

    height:30px;

    padding-top:9px;

    padding-left:10px;

    background-image: url(../../images/nenga/top/bg-mainmenu.jpg);

    background-repeat: no-repeat;

}





#mainmenu li{

    display:block;

    float:left;

    padding:0 10px;

    background-image: url(../../images/nenga/top/mainmenubar.jpg);

    background-repeat: no-repeat;

    background-position: left;

    font-size:12px;

    font-weight:700;

}

#mainmenu li a{

    color:#555555;

}

#mainmenu li a:hover{

    color: #333;

}

#mainmenu li.last a{

    display:block;

    height:auto;

    padding-right:10px;

    background-image: url(../../images/nenga/top/mainmenubar.jpg);

    background-repeat: no-repeat;

    background-position: right;

}



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

2.ショッピングカート･注文状況の確認

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

#confirmation .price {

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    height:25px;

    padding-bottom:2px;

    text-align: right;

    clear:both;

}

#confirmation .price .cart {

    padding:10px 0 0 0px;

    font-size:12px;

}

#confirmation .price .cart img{

    margin-right:5px;

    vertical-align: -17%;

}

#confirmation .price .order {

    margin-left:10px;

    padding:6px 0 0 0px;

    font-size:12px;

}

#confirmation .price .order span{

    vertical-align: bottom;

}

#confirmation .price .order img{

    margin-right:5px;

    vertical-align: -17%;

}



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

3.メインコンテンツ

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



/*3-1.メイン画像・メインテキスト*/

#main {

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    display:inline;

    float: right;

    width:685px;

    margin-bottom:30px;

}

#appeal{

    padding-bottom:10px;

}

#appeal img{

    margin-bottom:0px;

}



#appeal img.mainimg1 {

    margin-bottom:0px;
	margin-left:5px;
	
}

#appeal img.mainimg1-2 {

    margin-bottom:0px;
	
}


#appeal img.mainimg3 {

    margin-bottom:0px;

}



#appeal p{

    margin-top:5px;

    

    font-size:12px;

    line-height:130%;

}

.new{

    margin-top:5px;

    margin-bottom:0px;

    font-size:12px;

}

.gohowto a{

text-decoration:none;

color:#9D6D2F;

}

.gohowto a:hover{

text-decoration:underline;

color:#9D6D2F;

}

p.text{

    text-align:left;

    margin-top:10px;

    font-size:12px;

    line-height:140%;

}

p.atten{

font-size:15px;

color:red;

}


.nano-banner{
margin-bottom:20px;
}

/*各デザイン一覧サムネール外周ボーダー*/

.designlist img{

    border:1px solid #999999;

}



/*3-2おすすめデザイン*/

.attention{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    margin-top:0px;

}

.attention p.details{

    text-align:left;

    margin:5px 0;

    font-size:12px;

    line-height:130%;

}

.attention .designlist{

    padding:10px 13px 0px;

    border:1px solid #B2B2B2;

    background-color:#f8f4e6;

    text-align:center;

    height: 270px;

}

.attention .designlist .designwrap{

    display:inline;

    float:left;

    width:190px;

    margin:10px 13px 0px;

    text-align:center

}

.attention .designlist .designwrap p{

    font-size:12px;

    font-weight:700;

    vertical-align: text-bottom;

}

.attention-name{

    margin-top:5px;

}

.attention-name span{

    vertical-align:bottom;

}

.attention-name img{

    margin-right:3px;

    border:none;

}

.attention-name .description{

font-size:.9em;

font-weight:100;

line-height:120%;

}



/*3-3.人気デザイントップ3*/

.popularity{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    margin-top:0px;

}

.popularity p.details{

    margin:5px 0;

    font-size:12px; 

}

.popularity .designlist{

    padding:10px 13px 5px;

    border:1px solid #B2B2B2;

    background-color:#f8f4e6;

    height: 290px;

}

.popularity .designlist .designwrap{

    display:inline;

    float:left;

    width:190px;

    margin:10px 13px 5px;

    text-align:center;

}

.popularity .designlist .designwrap2{

    display:inline;

    float:right;

    width:150px;

    margin:5px 10px 5px 0px;

    text-align:center;

}

.popularity .designlist .designwrap p{

    font-size:12px;

    font-weight:700;

}

.popularity .designlist .designwrap2 p{

    font-size:12px;

    font-weight:700;

}

.popularity-name{

    margin-top:5px;

}

.popularity-name span{

    vertical-align:bottom;

}

.popularity-name img{

    margin-right:2px;

    border:none;

}



/*3-4.デザイン年賀状一覧*/

#nengawrap{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    margin:25px 0 20px;

}

#nengawrap p.details{

    margin:0 8px;

    padding:5px;

    font-size:12px;

    line-height:140%;

    background-color:#fffaf0;

}

#nengaliwrap{

    margin:0px 0 10px;

    padding:0 0 15px 0;

    /*background-color:#E0CFA7;*/

    background-image: url(../../images/nenga/top/back-designnenga.jpg);

    border-bottom: 3px solid #B01F24;

}

#nengaliwrap .designlist{

    display:inline;

    float:left;

    width:330px;

    margin:5px 0px 0px 8px;

    padding-bottom:5px;

    background-color:#ffffff;   

}

#nengaliwrap .designlist .explanation{

    height:38px;

    padding:0 10px;

    font-size:12px;

    line-height:140%;

}

#nengaliwrap .designlist h3{

    height:29px;

    padding:9px 0 0 40px;

    background-image: url(../../images/nenga/top/header-nenga-category.png);

    background-repeat: no-repeat;

    font-size:12px;

}



/* IE6用 ------------------------------------------------ */

*html #nengaliwrap .designlist h3{

    background:none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

    (src='../images/nenga/top/header-nenga-category.png' ,sizingmethod=image);

    cursor: pointer;

}

/* IE6用 ------------------------------------------------ */

#nengaliwrap .designlist ul{

    height:110px;

    padding:0 0 0 1px

}



/*年賀状デザイン　縦デザインのみまたは、横デザインのみの表示の場合*/

#nengaliwrap .designlist li{

    display:inline;

    float:left;

    min-width:73px;

    margin:0 0 0 7px;

    text-align:center;

}

*html #nengaliwrap .designlist li{

    width:73px;

}



/*年賀状デザイン　縦横デザインが混在している場合*/

#nengaliwrap .designlist ul.sidedesign{

    text-align:center;

}

#nengaliwrap .designlist ul.sidedesign li{

    float: none;

    margin:0 6px;

    text-align:center;

}

#nengaliwrap .designlist ul.sidedesign li img{

    vertical-align: text-top;

}

#nengaliwrap .designlist p.genrelink{

    clear:both;

    margin:5px 10px 0 10px;

    padding:5px 10px 0;

    border-top:1px dashed #999999;

    text-align:right;

    font-size:12px;

}

.designlist .genrelink a{

    padding-left:16px;

    padding-top:2px;

    background-image: url(../../images/nenga/top/ico-arrow.gif);

    background-repeat: no-repeat;

    background-position: left center;

    color:#B81C22;

}

.btn-designlist{

    text-align:center;

}

/*-室町スピード印刷様用サブジャンル-*/

div.design_genre_title {

    margin:0 10px;

    padding:5px ;

    color:#FFFFFF;

    background-color: #AA473D;

    border:#AA473D 1px solid;

}



div.design_genre2 {

    margin:0 10px 0 10px;

    padding:5px 1px ;

    background-color: #FFFFCC;

    border:#AA473D 1px solid;

}



div.design_genre2 p.genre_sub {

    margin: 3px 8px 0px;

    font-size:14px;

    line-height:1.7em;

    color: #333333;

}



div.design_genre2 p.genre_sub a {

    text-decoration: none;

    color:  #AA473D;

}



div.design_genre2 p.genre_sub a:hover {

    color: #669900; 

}



div.design_genre2 p.genre_sub span {

    padding: 0 1px; 

}



.small{

    font-size:.85em;

}



/*3-5.喪中はがき一覧*/

#mocyuwrap{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

/*  margin-bottom:15px;*/

}

#mocyuwrap p.details{

    margin:8px 0;

    padding:0 10px;

    font-size:12px;

    line-height:140%;

}

#mocyuwrap .designlist{



    padding-top:10px;

    padding-bottom:15px;

    background-color: #ECE7F2;

    border-bottom: 3px solid #4F2287;



}

#mocyuwrap .designlist h3 {

    height:20px;

    padding:3px 5px 5px 30px;

    background-image: url(../../images/nenga/top/header-mocyu-category.png);

    background-repeat: no-repeat;

    font-size:15px;

    margin:10px;

}

#mocyuwrap .designlist li {

    display:inline;

    float:left;

    margin:9px 0 5px 12px;

}

#mocyuwrap{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

/*  margin-bottom:15px;*/

}

#kanchuwrap p.details{

    margin:8px 0;

    padding:0 10px;

    font-size:12px;

    line-height:140%;

}

#kanchuwrap .designlist{

    margin-bottom:20px;

    padding-top:10px;

    padding-bottom:15px;

    background-color: #e0f5ef;

    border-bottom: 3px solid #47bda8;


}

#kanchuwrap .designlist h3 {

    height:20px;

    padding:3px 5px 5px 30px;

    background-image: url(../../images/nenga/top/header-mocyu-category.png);

    background-repeat: no-repeat;

    font-size:15px;

    margin:10px;

}

#kanchuwrap .designlist li {

    display:inline;

    float:left;

    margin:9px 0 5px 12px;

}


/* IE6用 ------------------------------------------------ */

*html #mocyuwrap .designlist h3 {

    background:none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

    (src='../images/nenga/top/header-mocyu-category.png' ,sizingmethod=image);

}
*html #kanchuwrap .designlist h3 {

    background:none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

    (src='../images/nenga/top/header-mocyu-category.png' ,sizingmethod=image);

}


/* IE6用 ------------------------------------------------ */





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

4.サブコンテンツ

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

#sub{

    display:inline;

    float: left;

    width:220px;

    padding-top: 4px;

}



/*お気に入りに追加ボタン*/

#wrapper #sub div.btn-favorite {

    margin-bottom:5px;

    text-align:center;

}



/*4-1.ログインボックス*/

#member-btn{

    margin-bottom:6px;

    text-align:center;

}

#roginbox{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    text-align:center;

}

.roginboxcontents{

    margin-bottom:15px;

    padding:5px 0 8px;

    border:1px solid #B1B3B2;

    border-top:none;

    background-color: #FFFFFF;

}

.roginboxcontents p{

    margin:1px 0 0 10px;

    font-size:12px;

    text-align:left;

}

.roginboxcontents .point{

    margin:0px 0px 10px 10px;

    font-size:12px;

    font-weight:700;

}

.roginboxcontents p a{

    display:block;

    height:15px;

    padding-left:20px;

    text-align:left;

    background-image: url(../../images/nenga/top/ico-rogin2.jpg);

    background-repeat: no-repeat;

    background-position: left center;   text-decoration: underline ;

    color:#006699;

}

.roginboxcontents p a:hover{

    color:#0000FF;

}

.roginboxcontents p.annotation{

    text-align:center;

    margin:2px 0 0 0;

    padding:0;

}

#roginbox dl{

    width:200px;

    margin:0 auto 10px;

    text-align:left;

}

#roginbox dd{

    margin-bottom:5px;

}

#roginbox dt{

    font-size:12px;

    font-weight:700;

}

#roginbox dd input{

    width:195px;

}

#roginbox input.btn-rogin{

    margin-bottom:3px;

}



/*-ログイン時-*/

p.n101-rogin{

    margin-top:3px;

}

div.n101-rogoutbtn{

    margin-bottom:10px;

}

p.n101-rogin a{

    display:block;

    height:15px;

    background-image: url(../../images/nenga/top/ico-rogin2.jpg);

    background-repeat: no-repeat;

    background-position: left center;

}



/* サイドメニューテキスト関連（室町スピード印刷様専用） */

#contents{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    margin-bottom:20px;

    clear:both;

    background-image: url(../../images/nenga/top/n101_bg.gif);

}



.sidetext_box{

/*  margin-bottom:15px; */

    margin:0 5px 15px;

    padding-bottom:10px;

/*  border:1px solid #B1B3B2; */

    border-top:none;

    border-bottom: 1px solid #DC5444;

    background-color: #FFFFFF;

}



.sidetext_box p{

/*  margin:0 0 15px; */

    padding:10px 8px 0px;

    font-size:12px;

    line-height:130%;

}



.clear{

    clear:both;

}



/*4-2.年賀状・データ入稿・喪中・宛名印刷ボックス*/



/*デザイン年賀状ボックス*/

.boxdesignnenga{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    margin-bottom:0px;

    padding-bottom:10px;

    border:1px solid #B1B3B2;

    border-top:none;

    background-color: #FFFFFF;

}

.boxdesignnenga p{

    margin:0 0 15px;

    padding:10px 8px 0px;

    font-size:12px;

    line-height:130%;

}

.boxdesignnenga span{

    display:block;

    text-align:center;

}

.boxdesignnenga span a{

    display:block;

    width:150px;

    /*height:20px;*/

    margin:0 auto;

    padding:0px 0 3px 34px;

    background-image: url(../../images/nenga/top/btn-side-box.jpg);

    background-repeat: no-repeat;

    background-position: center;

    font-size:12px;

    font-weight:700;

    text-align:left;

    text-decoration: none;

    vertical-align: middle;

    line-height: 200%;

}





.boxdesignnenga span a:hover{

    color:#824522;

    text-decoration:none;

}

/*データ入稿年賀状*/

.boxdetanenga{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    margin-bottom:0px;

    padding-bottom:10px;

    border:1px solid #B1B3B2;

    border-top:none;

    background-color: #FFFFFF;

}

.boxdetanenga p{

    margin:0 0 15px;

    padding:10px 8px 0px;

    font-size:12px;

    line-height:130%;

}

.boxdetanenga span{

    display:block;

    text-align:center;



}

.boxdetanenga span a{

    display:block;

    width:150px;

    /*height:20px;*/

    margin:0 auto;

    padding:0px 0 3px 34px;

    background-image: url(../../images/nenga/top/btn-side-box.jpg);

    background-repeat: no-repeat;

    background-position: center;

    font-size:12px;

    font-weight:700;

    text-align:left;

    text-decoration: none;

    vertical-align: middle;

    line-height: 200%;

}

.boxdetanenga span a:hover{

    color:#824522;

    text-decoration:none;

}



/*喪中はがき*/

.boxmocyu{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    margin-bottom:10px;

    padding-bottom:10px;

    border:1px solid #B1B3B2;

    border-top:none;

    background-color: #FFFFFF;

}

.boxmocyu p{

    margin:0 0 15px;

    padding:10px 8px 0px;

    font-size:12px;

    line-height:130%;

}

.fin{

    margin-left:10px;

    color:#E60012;

}

.boxmocyu span{

    display:block;

    text-align:center;

}

.boxmocyu span a{

    display:block;

    width:150px;

    /*height:20px;*/

    margin:0 auto;

    padding:0px 0 3px 34px;

    background-image: url(../../images/nenga/top/btn-side-box.jpg);

    background-repeat: no-repeat;

    background-position: center;

    font-size:12px;

    font-weight:700;

    text-align:left;

    text-decoration: none;

    vertical-align: middle;

    line-height: 200%;

}

.boxmocyu span a:hover{

    color:#824522;

    text-decoration:none;

}



/*宛名印刷*/

.boxatena{

    margin-bottom:15px;

    padding-bottom:10px;

    border:1px solid #B1B3B2;

    border-top:none;

    background-color: #FFFFFF;

}

.boxatena p{

    margin:0 0 15px;

    padding:10px 8px 0px;

    font-size:12px;

    line-height:130%;

}

.boxatena span{

    display:block;

    text-align:center;

}

.boxatena span a{

    display:block;

    width:150px;

    /*height:20px;*/

    margin:0 auto;

    padding:0px 0 3px 34px;

    background-image: url(../../images/nenga/top/btn-side-box.jpg);

    background-repeat: no-repeat;

    background-position: center;

    font-size:12px;

    font-weight:700;

    text-align:left;

    text-decoration: none;

    vertical-align: middle;

    line-height: 200%;

}

.boxatena span a:hover{

    text-decoration:none;

}



/*写真年賀状*/

.boxsyasin{

	font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

	margin-bottom:0px;

	padding-bottom:10px;

	border:1px solid #B1B3B2;

	border-top:none;

	background-color: #FFFFFF;

}

.boxsyasin p{

	margin:0 0 15px;

	padding:10px 8px 0px;

	font-size:12px;

	line-height:130%;

}

.boxsyasin span{

	display:block;

	text-align:center;



}

.boxsyasin span a{

	display:block;

	width:150px;

	margin:0 auto;

	padding:0px 0 3px 34px;

	background-image: url(../../images/nenga/top/btn-side-box.jpg);

	background-repeat: no-repeat;

	background-position: center;

	font-size:12px;

	font-weight:700;

	text-align:left;

	text-decoration: none;

	vertical-align: middle;

	line-height: 200%;

}

.boxsyasin span a:hover{

	text-decoration:none;

}



/*4-3.ご注文について・当店について*/

.sidemenu{

    font-family: Osaka, "ＭＳ Ｐゴシック",sans-serif;

    margin-bottom:15px;

}

.sidemenu li{

    margin:5px 10px;

    padding:0 0 3px 15px;

    border-bottom:2px solid #D86632;

    background-image: url(../../images/nenga/top/ico-sidemenu.jpg);

    background-repeat: no-repeat;

    background-position: left center;

    font-size:12px;

}



/* 室町スピード印刷様専用カスタマイズ */



.sidemenu li a{

    color:#624B26;

    text-decoration: none;

}



.sidemenu li a:hover{

    color:#BF8259;

}



/*4-4.年賀状デザイン素材の著作権表記について*/

#copyright-nenga{

    margin-bottom:15px;

    padding:5px 10px;

/*

    border:1px solid #999999;

    border-top:10px solid #999999;

    background-color: #FFFFFF;

*/

}

#copyright-nenga h2{

/*  margin-bottom:10px; */

    font-size:12px;

    font-weight:700;

    color:#330000;

}

#copyright-nenga p{

    font-size:12px;

    line-height:140%;

    color:#330000;

}



/*自社サイトバナー*/

#company{

    text-align:center;

}

#company img{

    margin:20px auto 5px;

}



/*SSL*/

#ssl-seal{

    text-align:center;

}

#ssl-seal img{

    margin:0 auto;

}

p.ssl-caption{

    margin-top:10px;

    padding:0 10px;

    font-size:10px;

    text-align:left;

    line-height:140%;

}