@charset "shift_jis";

/* ======================================

	0.global

======================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;

}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #543f32;
}

/*Link Coler*/
a:link {  
	color: #543f32;
	text-decoration: none;
}
		
a:visited {  
	color: #543f32;
	text-decoration: none;
}
		
a:active {  
	color: #543f32;
	text-decoration	: none;
}
		
a:hover {  
	color: #543f32;
	text-decoration:underline;
}

.cboth{
	clear:both;
	float:none;
}

.sold {
	color: #901D22;
	}
	
#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 950px;
	border: 1px solid #999999;
	height: auto;
}
	
h1 {
	font-size:95%;
	margin: 5px auto 0 auto;
	width: 950px;
	text-align:right;
}

.pankuzu {	
	font-size:95%;
	margin: 5px auto 0 auto;
	width: 950px;
	text-align:right;
}


/* ======================================

	2.Header

======================================= */

#header {
	width: 950px;
	height: 104px;
	margin-bottom: 15px;
	background-image:url(../images/header/hedaer_image.jpg);
	background-repeat:no-repeat;
}


.logo {
	width:680px;
	float:left;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 29px;
}

.img_navi{
	float:right;
	width:300px;
	padding-top:36px;
}

.navi {
	padding-left:29px;
	float: left;
	margin-top: 15px;
}

.navi li{
	float:left;
	list-style:none;
	margin-right:0px;
}

.head_info {
	width:214px;
	float:right;
	margin-top:8px;
	margin-right: 18px;
}

/* ======================================

	3.Left Side Navi

======================================= */
#left_navi {
	float: left;
	height: auto;
	width: 157px;
}

#wrapper #left_navi .title-image {
	margin-top: 10px;
}


#left_navi .title-image2 {
	margin-top: 5px;
	margin-bottom: 3px;
}

#left_navi .left-space {
	margin-left: 5px;
}

#left_navi .line_top {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #B2A87F;
	margin-left: 2px;
}

#left_navi .list{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B2A87F;
	margin-bottom: 8px;
	margin-top: 12px;
	margin-left: 6px;
	list-style:none;
}

#left_navi .nunonapulist{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B2A87F;
	margin-bottom: 3px;
	margin-top: 12px;
	margin-left: 6px;
	list-style:none;
}


#left_navi .list-left_space {
	margin-left: 4px;
}

#left_navi .leftnavi-space_bottom {
	margin-bottom: 15px;
}

#left_navi .side-banner {
	margin-bottom: 5px;
}

#left_navi .subtitle_space {
	margin-left: 0px;
	margin-bottom: 3px;
	margin-top: 5px;
}

/*choose from shape*/

#left_navi .choose-shape {
	margin-top: 0px;
}


#left_navi .family-site {
	margin-top: 5px;
}

/*roll over*/

ul.menu_bt {
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
    width: 100%;
}

ul.menu_bt li {
	width: 141px;
	height: 32px;
	margin-bottom: 5px;
}

ul.menu_bt a{
    display: block;
    width: 141px;
    height: 32px;
    overflow: hidden;
}

.menu_bt .line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D7CEAA;
}


.menu_bt .line_top {
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #D7CEAA;
	border-bottom-color: #D7CEAA;
}



/*roll over images*/

a.j_cover {
	background:url(../images/left_navi/bt20a_jyunyucover.gif) no-repeat;
	
}


a:hover.j_cover {
	background: url(../images/left_navi/bt20b_jyunyucover.gif) no-repeat;
}





/*cuseberry site*/
a.spoon {
	background: url(../images/left_navi/baby_spoon.gif) no-repeat;
}


a:hover.spoon {
	background: url(../images/left_navi/roll_baby_spoon.gif) no-repeat;
}


a.ring {
	background: url(../images/left_navi/baby_ring.gif) no-repeat;
}


a:hover.ring {
	background: url(../images/left_navi/roll_baby_ring.gif) no-repeat;
}


a.pori {
	background: url(../images/left_navi/pori_yutanpo.gif) no-repeat;
}


a:hover.pori {
	background: url(../images/left_navi/roll_pori_yutanpo.gif) no-repeat;
}

a.gom{
	background: url(../images/left_navi/gom_yutanpo.gif) no-repeat;
}


a:hover.gom {
	background: url(../images/left_navi/roll_gom_yutanpo.gif) no-repeat;
}


a.boshitecho {
	background: url(../images/left_navi/img_boshitecho.gif) no-repeat;
}


a:hover.boshitecho{
	background: url(../images/left_navi/img_roll_boshitecho.gif) no-repeat;
}

a.dakko {
	background: url(../images/left_navi/bt9a_dakko.gif) no-repeat;
}


a:hover.dakko{
	background: url(../images/left_navi/bt9b_dakko.gif) no-repeat;
}


a.sling {
	background: url(../images/left_navi/bt8a_sling.gif) no-repeat;
}


a:hover.sling{
	background: url(../images/left_navi/bt8b_sling.gif) no-repeat;
}


a.legwarmer{
	background: url(../images/left_navi/img_babylegwarmer.gif) no-repeat;
}


a:hover.legwarmer{
	background: url(../images/left_navi/img_roll_babylegwarmer.gif) no-repeat;
}


a.motherbag {
	background: url(../images/left_navi/bt15a_mamabag.gif) no-repeat;
}


a:hover.motherbag{
	background: url(../images/left_navi/bt15b_mamabag.gif) no-repeat;
}


a.cushion {
	background: url(../images/left_navi/bt17a_cushion.gif) no-repeat;
}


a:hover.cushion{
	background: url(../images/left_navi/bt17b_cushion.gif) no-repeat;
}


a.zakka {
	background: url(../images/left_navi/bt18a_zakka.gif) no-repeat;
}


a:hover.zakka{
	background: url(../images/left_navi/bt18b_zakka.gif) no-repeat;
}

/*nunonapu list*/

a.ds {
	background: url(../images/left_navi/list-ds.gif) no-repeat;
}


a:hover.ds{
	background: url(../images/left_navi/list-ds-roll.gif) no-repeat;
}

a.ss {
	background: url(../images/left_navi/list-ss.gif) no-repeat;
}


a:hover.ss{
	background: url(../images/left_navi/list-ss-roll.gif) no-repeat;
}

a.db {
	background: url(../images/left_navi/list-db.gif) no-repeat;
}


a:hover.db{
	background: url(../images/left_navi/list-db-roll.gif) no-repeat;
}

a.dh {
	background: url(../images/left_navi/list-dh.gif) no-repeat;
}


a:hover.dh{
	background: url(../images/left_navi/list-dh-roll.gif) no-repeat;
}

a.sb {
	background: url(../images/left_navi/list-sb.gif) no-repeat;
}


a:hover.sb{
	background: url(../images/left_navi/list-sb-roll.gif) no-repeat;
}

a.n {
	background: url(../images/left_navi/list-n.gif) no-repeat;
}


a:hover.n{
	background: url(../images/left_navi/list-n-roll.gif) no-repeat;
}

a.kinchaku {
	background: url(../images/left_navi/list-kinchaku.gif) no-repeat;
}


a:hover.kinchaku{
	background: url(../images/left_navi/list-kinchaku-roll.gif) no-repeat;
}

a.biniru {
	background: url(../images/left_navi/list-biniru.gif) no-repeat;
}


a:hover.biniru{
	background: url(../images/left_navi/list-biniru-roll.gif) no-repeat;
}


a.senjyou {
	background: url(../images/left_navi/list-senjyou.gif) no-repeat;
}

a:hover.senjyou{
	background: url(../images/left_navi/list-senjyou-roll.gif) no-repeat;
}




a.liner {
	background: url(../images/left_navi/list-liner.gif) no-repeat;
}


a:hover.liner{
	background: url(../images/left_navi/list-liner-roll.gif) no-repeat;
}




.menu_bt .line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D7CEAA;
}


.menu_bt .line_top {
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #D7CEAA;
	border-bottom-color: #D7CEAA;
}


.sougo {
	list-style:none;
	border-top:1px solid #D7CEAA;
	padding:8px 0 4px 0;
}

.sougo li {
	background:url(../images/right_navi/list-dot.gif) 3px 5px no-repeat;
	padding-left:20px;
	margin-bottom:4px;
}


#left_navi .t_menu {
	padding-top:5px;
	line-height:1.5em;
	font-size:97%;
	list-style:url(../images/dot_beige.gif) outside;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}

#left_navi .t_menu li {
	margin-bottom:3px;
}



/* ======================================

	3.Main

======================================= */

#wrapper #main {
	float: left;
	width: 562px;
	margin-left: 37px;
	margin-bottom: 30px;
}

/* ======================================

	4.Right Side Navi

======================================= */

#right_navi {
	float: right;
	width: 157px;
	
}

#right_navi ul {
	list-style-image: url(../images/right_navi/list-dot.gif);
	list-style-position: inside;
}

#right_navi .arrow {
	margin-left: 30px;
}

#right_navi .right-title_space {
	margin-top: 5px;
	margin-bottom: 5px;
}

#right_navi .title-image2 {
	margin-top: 5px;
}


/*2010.06.21より、ファミリーサイト画像バナーの設定  */

.fs_banner img{
	margin-bottom:10px;
}

.fs_banner div {
	width:150px;
	height:61px;
}

.fs_banner a{
	display:block;
	width:150px;
	height:51px;
	overflow:hidden;
}


a.dakkohimo { background:url(../images/right_navi/fs_dakkohimo.jpg) no-repeat;
}

a:hover.dakkohimo {
	background:url(../images/right_navi/fs_dakkohimo_hover.jpg) no-repeat;
}


a.boshitecho {
	background:url(../images/right_navi/fs_boshitecho.jpg) no-repeat;
}

a:hover.boshitecho {
	background:url(../images/right_navi/fs_boshitecho_hover.jpg) no-repeat;
}


a.m-bag {
	background:url(../images/right_navi/fs_m-bag.jpg) no-repeat;
}

a:hover.m-bag {
	background:url(../images/right_navi/fs_m-bag_hover.jpg) no-repeat;
}


a.j-cover {
	background:url(../images/right_navi/fs_j-cover.jpg) no-repeat;
}

a:hover.j-cover {
	background:url(../images/right_navi/fs_j-cover_hover.jpg) no-repeat;
}


a.leg {
	background:url(../images/right_navi/fs_leg.jpg) no-repeat;
}

a:hover.leg {
	background:url(../images/right_navi/fs_leg_hover.jpg) no-repeat;
}


a.babyring {
	background:url(../images/right_navi/fs_babyring.jpg) no-repeat;
}

a:hover.babyring {
	background:url(../images/right_navi/fs_babyring_hover.jpg) no-repeat;
}

a.music {
	background:url(../images/right_navi/fs_music.jpg) no-repeat;
}

a:hover.music {
	background:url(../images/right_navi/fs_music_hover.jpg) no-repeat;
}


a.cushion {
	background:url(../images/right_navi/fs_j-cushion.jpg) no-repeat;
}

a:hover.cushion {
	background:url(../images/right_navi/fs_j-cushion_hover.jpg) no-repeat;
}


a.sling {
	background:url(../images/right_navi/fs_sling.jpg) no-repeat;
}

a:hover.sling {
	background:url(../images/right_navi/fs_sling_hover.jpg) no-repeat;
}


a.galapago {
	background:url(../images/right_navi/fs_galapago.jpg) no-repeat;
}

a:hover.galapago {
	background:url(../images/right_navi/fs_galapago_hover.jpg) no-repeat;
}


a.nunonapu {
	background:url(../images/right_navi/fs_nunonapu.jpg) no-repeat;
}

a:hover.nunonapu {
	background:url(../images/right_navi/fs_nunonapu_hover.jpg) no-repeat;
}

a.yutanpo {
	background:url(../images/right_navi/fs_yutanpo.jpg) no-repeat;
}

a:hover.yutanpo {
	background:url(../images/right_navi/fs_yutanpo_hover.jpg) no-repeat;
}



.kaiin_merit {
	font-size: 10px;
	text-align: center;
	margin-bottom: 5px;
}


/* ======================================

	5.Hooter

======================================= */

#copy_right {
	font-size:95%;
	width: 950px;
	text-align:right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20;
	margin-left: auto;
}

#right_navi .image {
	margin-top: 5px;
}

#wrapper .footer {
	width: 600px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 5px;
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
	height:auto;
}

#wrapper .footer ul {
	text-align: center;
	width: auto;
	list-style-type: none;
	font-size: 10px;
}

#wrapper .footer li {
	display: inline;
}
.footer .copyright {
	text-align: center;
}

/* ======================================

	6.General information

======================================= */

#wrapper #general_main {
	width: 693px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
	margin-right: 50px;
}



/* ======================================

	7.Voice

======================================= */
.voice_category,.voice_category_sec {
	float:left; 
	display:block; 
	width:230px; 
	list-style:none;
}
.voice_category {
	padding-left:70px;
}

.voice_category li {
	 background:url(../voice/images/dot.gif) no-repeat 0 5px; 
	 padding-left:12px;
}
.voice_category_sec li {
	 background:url(../voice/images/dot.gif) no-repeat 0 5px; 
	 padding-left:12px;
}


/* ======================================

	7.Main

======================================= */
#main .topimg {
	margin-bottom: 10px;
}

#main .entrance2 {
	float: left;
	margin-bottom: 10px;
	margin-top: 15px;
	
}

#main .entrance1 {
	float: right;
	margin-bottom:10px;
	margin-top: 15px;

}

#main .entrance3 {
	float: right;
	margin-bottom: 10px;
}

#main .otameshi {
	float: left;
	margin-bottom: 10px;
}

#main .news {
	float: right;
	margin-bottom: 10px;
}
#main .oneday {
	margin-bottom: 10px;
}
#main .twobanners {
	float: left;
	width: 348px;
}
#main .questions {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;

}

/*インフォメーション*/

.info_bottom {
	background-image:url(../images/information/bg_line_both.jpg);
	background-repeat:repeat-y;
	width:278px;
	padding:0 2px;
	float:left;
	height:460px;
	>height:475px;
}

.info_bottom_right {
	background-image:url(../images/information/bg_line_right.jpg);
	background-repeat:repeat-y;
	width:278px;
	padding-right:2px;
	float:right;
	height:460px;
	>height:475px;
}

/*=================================

	qr_link
http://www.dakkohimo-cuseberry.com/m/qr_link.html
===================================*/

.qr_box, .qr_box_left {
	width:245px;
	float:left;
	padding-left:35px;
	margin:20px 0;

}

.qr_box_left {
	border-right:1px solid #cccccc;	
}

.qr_img_left {
	margin-right:10px;
}
.pankuzu {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.pagename {
	font-size:95%;
	margin: 5px auto 0 auto;
	width: 950px;
	text-align:right;
}

/*  guide  */

.setumei {
	border-bottom:1px solid #cccccc;
	padding-bottom:10px;
	margin-bottom:15px;
}

/*familysite*/
.f_link {
	clear: left;
	height: 60px;
	width: 157px;
}

.f_link img{
	margin-right:10px;
	float:left;
}

.f_link p{
	font-size:10px;
	padding-top:20px;
}
.f_link a:link, .f_link a:visited, .f_link a:active, .f_link a:hover{
	line-height:100%;
}
#wrapper #left_navi .customers-voice {
	margin-top: 5px;
	margin-bottom: 0px;
}