@charset "utf-8";

/*
===== GENERAL ==========================================
*/


body {
	top:0; 
	margin: 0 auto ;	padding: 0;
	background: #fff url(img/back_img.gif) 0 0 repeat;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","Arial","メイリオ","ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
}


th , td {
	font-size: 12px;
	text-align: left;
}

.note {
	line-height: 16px;
	text-align: left;
}

.manga {
	display :block;
	width: 682px;
	height: 405px;
	margin: 0 auto;
}

.manga1 {
	display :block;
	width: 682px;
	height: 205px;
	margin: 0 auto;
}

.kome {
	text-align: right;
	margin-right: 50px;
}

/*
===== TITLE ===========================================
*/

.header {
	display :block;
	width: 736px;
	height: 60px;
	margin: 0 auto;
	background: #fff url(img/header.gif) no-repeat;
	text-indent: -10000px;
}

.congratulation {
	display :block;
	width: 736px;
	height: 56px;
	margin: 0 auto;
	background: #fff url(img/title_copy1.gif) no-repeat;
	text-indent: -10000px;
}

.header-copy{
	display :block;
	width: 334px;
	height: 38px;
	margin: 0 auto;
	background: #fff url(img/title_copy2.gif) no-repeat;
	text-indent: -10000px;
}

/*
===== INTRODUCTION ===========================================
*/

h2.yoitokoro{
	display: block;
	width: 736px;
	height: 119px;
	margin: 25px  auto 0 auto;
	background: #fff url(img/intro_title.gif) no-repeat;
	text-indent: -10000px;
}

.intro-copy {
	display: block;
	width: 682px;
	height: 65px;
	margin: 20px auto;
	background: #fff url(img/intro_copy.gif) no-repeat;
	text-indent: -10000px;
}


/*
===== GOOD ===========================================
*/

.good1 {
	display: block;
	width: 736px;
	height: 46px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/good1_title.gif) no-repeat;
	text-indent: -10000px;
}

.good1-catch {
	display: block;
	width: 736px;
	height: 69px;
	margin: 10px auto;
	background: #fff url(img/good1_catch.gif) no-repeat;
	text-indent: -10000px;
}

.good1-copy {
	display: block;
	width: 682px;
	height: 65px;
	margin: 10px auto;
	background: #fff url(img/good1_copy.gif) no-repeat;
	text-indent: -10000px;
}

.good1-copy1 {
	display: block;
	width: 682px;
	height: 92px;
	margin: 10px auto;
	background: #fff url(img/good1_copy1.gif) no-repeat;
	text-indent: -10000px;
}

.good2 {
	display: block;
	width: 736px;
	height: 46px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/good2_title.gif) no-repeat;
	text-indent: -10000px;
}

.good2-catch {
	display: block;
	width: 736px;
	height: 69px;
	margin: 10px auto;
	background: #fff url(img/good2_catch.gif) no-repeat;
	text-indent: -10000px;
}

.good2-copy {
	display: block;
	width: 682px;
	height: 65px;
	margin: 10px auto;
	background: #fff url(img/good2_copy2.gif) no-repeat;
	text-indent: -10000px;
}

.good3 {
	display: block;
	width: 736px;
	height: 46px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/good3_title.gif) no-repeat;
	text-indent: -10000px;
}

.good3-catch {
	display: block;
	width: 736px;
	height: 69px;
	margin: 10px auto;
	background: #fff url(img/good3_catch.gif) no-repeat;
	text-indent: -10000px;
}

.good4 {
	display: block;
	width: 736px;
	height: 46px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/good4_title.gif) no-repeat;
	text-indent: -10000px;
}

.good4-catch {
	display: block;
	width: 736px;
	height: 69px;
	margin: 10px auto;
	background: #fff url(img/good4_catch.gif) no-repeat;
	text-indent: -10000px;
}

.good4-copy {
	display: block;
	width: 682px;
	height: 65px;
	margin: 10px auto;
	background: #fff url(img/good4_copy.gif) no-repeat;
	text-indent: -10000px;
}
.header-text {
	font-size: 12px;
	color: #999999;
}



/*
===== TEMPLATE ===========================================
*/

.temp-title {
	display: block;
	width: 303px;
	height: 26px;
	margin: 0 auto;
	background: #fff url(img/template.gif) no-repeat;
	text-indent: -10000px;
}

.temp-name {
	font-weight: bold;
	text-align: center;
}

.temp-pink {
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
	color: #DC143C;
}

.temp-pink2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 30px;
	color: #DC143C;
}
.temp-bold {
	font-size: 16px;
	font-weight: bold;
	margin-top: 30px;
	color: #0000FF;
}

.temp-text {
	margin: 20px;
	line-height: 16px;
}

.naiyou-title {
	display: block;
	width: 362px;
	height: 26px;
	margin: 0;
	background: #fff url(img/txt_naiyou.gif) no-repeat;
	text-indent: -10000px;
}

.kaijiba-title {
	display: block;
	width: 584px;
	height: 26px;
	margin: 0;
	background: #fff url(img/txt_kaisha_ojioba.gif) no-repeat;
	text-indent: -10000px;
}

.quality-title {
	display: block;
	width: 213px;
	height: 30px;
	margin: 20px 0 10px 0;
	background: #fff url(img/h_quality.gif) no-repeat;
	text-indent: -10000px;
}

.quality-txt {
	display: block;
	width: 640px;
	height: 46px;
	margin: 0 0 10px 0;
	background: #fff url(img/txt_quality.gif) no-repeat;
	text-indent: -10000px;
}

.chara-attention {
	text-align: center;
	line-height: 1.5;
	font-weight: bold;
	color: #FF0000;
	margin-top: 20px;
	margin-bottom: 20px;
}


/*
===== INFOMATION ===========================================
*/

.info-note {
	line-height: 16px;
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
}

.info-uonuma {
	display: block;
	width: 194px;
	height: 25px;
	margin: 0;
	background: #fff url(img/info_uonuma_title.gif) no-repeat;
	text-indent: -10000px;
}

.info-tanada {
	display: block;
	width: 194px;
	height: 25px;
	margin: 0;
	background: #fff url(img/info_tanada_title.gif) no-repeat;
	text-indent: -10000px;
}

.info-ibuki {
	font-size: 14px;
	font-weight: bold;
}

/*
===== PRESENT ===========================================
*/

.present {
	display: block;
	width: 681px;
	height: 366px;
	margin: 20px auto;
	background: #fff url(img/good3-present2_2.jpg) no-repeat;
	text-indent: -10000px;
}

/*
===== ORDER ===========================================
*/

.order {
	display: block;
	width: 449px;
	height: 84px;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/order_copy.gif) no-repeat;
	text-indent: -10000px;
}

.order2 a {
	display: block;
	width: 670px;
	height: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/jinsoku.jpg) no-repeat;
	text-indent: -10000px;
}

.order3 {
	display: block;
	width: 670px;
	height: 120px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/kantan3.jpg) no-repeat;
	text-indent: -10000px;
}

.order-title {
	display: block;
	width: 682px;
	height: 231px;
	margin: 0 auto;
	background: #fff url(img/order_title2.gif) no-repeat;
	text-indent: -10000px;
}

.order-copy {
	display: block;
	width: 682px;
	height: 214px;
	margin: 0 auto;
	background: #fff url(img/order_illust.gif) no-repeat;
	text-indent: -10000px;
}

.order-1man {
	display: block;
	width: 455px;
	height: 98px;
	margin: 0 auto;
	background: #fff url(img/order_1man.gif) no-repeat;
	text-indent: -10000px;
}

.order-5sen {
	display: block;
	width: 258px;
	height: 98px;
	margin: 0 auto;
	background: #fff url(img/order_5sen.gif) no-repeat;
	text-indent: -10000px;
}

.order-uonuma {
	display: block;
	width: 235px;
	height: 148px;
	margin: 0 auto;
	background: #fff url(img/order_uonuma.gif) no-repeat;
	text-indent: -10000px;
}

.order-tanada {
	display: block;
	width: 235px;
	height: 148px;
	margin: 0 auto;
	background: #fff url(img/order_tanada.gif) no-repeat;
	text-indent: -10000px;
}

.order-ibuki {
	display: block;
	width: 235px;
	height: 148px;
	margin: 0 auto;
	background: #fff url(img/order_koshi.gif) no-repeat;
	text-indent: -10000px;
}

.order-note {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #FF0000;
	margin-top: 20px;
	margin-bottom: 30px;
}

.order-note1 {
	font-size: 20px;
	line-height: 18px;
	font-weight: bold;
	color: #FF0000;
	margin-top: 20px;
	margin-bottom: 30px;
}

.order-kome {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 30px;
}

.add {
	display: block;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding: 10px;
	background: #fff;
	border: 2px dotted #000;
	text-align: left;
}


.shinmai {
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	color: #FF0000;
	margin-top: 20px;
	margin-bottom: 20px;
}

.shinmai2 {
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 30px;
}

.order_banner {
	margin: 10px;
}

.order-attention {
	width: 680px;
	height: 440px;
	background: url(img/img_order_attention.jpg) no-repeat;
	margin: 10px auto 20px 25px ;
	font-size: 1px !important;
	text-indent: -10000px !important;	
	color: white;
}

.order-attention a	{	
	width: 180px;
	height: 40px;
	display: block;
	margin: 240px auto auto 400px ;
}


/*
===== FLOW ===========================================
*/

.flow-title {
	display: block;
	width: 736px;
	height: 27px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/flow_title.gif) no-repeat;
	text-indent: -10000px;
}

.flow {
	display: block;
	width: 713px;
	height: 500px;
	margin: 0 auto;
	background: #fff url(img/flow_img.gif) no-repeat;
	text-indent: -10000px;
}


/*
===== PACKING ===========================================
*/

.packing-title {
	display: block;
	width: 736px;
	height: 27px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/packing_title.gif) no-repeat;
	text-indent: -10000px;
}

.packing-note {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	margin-left: 60px;
	margin-right: 0px;
}

.packing-img {
	border: 1px dotted #000;

}


/*
===== FOOTER ===========================================
*/

.freedial {
	display: block;
	width: 229px;
	height: 46px;
	margin: 50px 30px 0 auto;
	background: #fff url(img/freedial.gif) no-repeat;
	text-indent: -10000px;
}


#footer {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 1px 0;
	border-top: 2px dotted #666;
	background: #fff;
}

.footer-note {
	width: 100%;
	margin: 5px auto;
	padding: 0;
	text-align: center;
	font-size: 12px;
	color: #000;
}

#copyright {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
	color: #666;
}

#daccho {
	width: 100%;
	margin: 10px auto;
	padding: 0;
	text-align: center;
}

/*
===== 繧ｭ繝｣繝ｩ ===========================================
*/

p.charaCoverLINK {
	display :block;
	width: 680px;
	height: 148px;
	margin: 20px auto 0 auto;
	background: #fff url(img/banner_chara.jpg) left top no-repeat;
	text-indent: -10000px;
}


h1.mydakkominilogo {
	display :block;
	width: 752px;
	height: 146px;
	margin: 20px auto 0 auto;
	background: #fff url(img/rogo_a.gif) left top no-repeat;
	text-indent: -10000px;
}

p.chara_banner {
	display :block;
	width: 736px;
	height: 76px;
	margin: 20px auto 0 auto;
	background: #fff url(img/h_tmp.jpg) no-repeat;
	text-indent: -10000px;
}

p.chara_ordertitle {
	display :block;
	width: 455px;
	height: 170px;
	margin: 0 auto;
	background: #fff url(img/order_title_chara1.jpg) no-repeat;
	text-indent: -10000px;
}

p.chara_design {
	display :block;
	width: 235px;
	height: 148px;
	margin: 0 auto 0 10px;
	background: url(img/order_title_chara2.gif) no-repeat;
	text-indent: -10000px;
}


/*
===== takeno add styles ==========================================
*/



/* 蜈ｨ繝ｪ繧ｻ繝�ヨ */
body,
html,
div,
table,
img,
ul,
ol,
li,
th,
td,
h1,h2,h3,h4,h5,address,dl,dt,dd,
textarea,
form{
	margin:0;
	padding:0;
}

/*蝓ｺ譛ｬ*/
ul { list-style-type:none; }
li {text-align:left;}
object,embed {margin:0;padding:0;}
img { border: 0; }


/* global reset*/
/* ----------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* safari only */
	html[xmlns*=""] body: { color:#ffffff; }


/* Holly Hack */

/* clear */
/* ----------------------------------------------------- */
.clear { margin:0; padding: 0; border: none; clear: both; }


#mainbox { 
	width:787px;
	 margin: 0 auto 20px auto; padding: 0;
	background-color:#FFFFFF;
	text-align: left; 
}

h1#header-text { 
	display :block-inline;
	margin: 0; padding: 0;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
}


h2.greetingAREA { 
	display :block-inline;
	width: 736px;
	height: 60px;
	margin: 0 25px; padding: 0;
	background: url(img/header.gif) no-repeat;
	font-size: 1px !important;
	text-indent: -10000px !important;	
}

h2.greetingAREA_blank { 
	display :block-inline;
	width: 736px;
	height: 60px;
	margin: 0 25px; padding: 0;
	background: url(img/header2.gif) no-repeat;
	font-size: 1px !important;
	text-indent: -10000px !important;	
}


	.h2undercall a {  
		width: 350px;
		height: 60px;
		float: right;
		margin: -60px 0 0 0; padding: 0;
		display :block;
		font-size: 1px !important;
		text-indent: -10000px !important;	
	}


h2.eyecatch {
	display :block-inline;
	width: 748px;
	height: 260px;
	background: url(img/title01.jpg) no-repeat;
	margin: 0 auto;
	font-size: 1px !important;
	text-indent: -10000px !important;	
}


h2.eyecatch2 {
	display :block-inline;
	width: 748px;
	height: 105px;
	background: url(img/title02.gif) no-repeat;
	margin: 0 auto;
	font-size: 1px !important;
	text-indent: -10000px !important;	
}


.stdBOX01	{
	display :block-inline;
	width: 652px;
	height: 188px;
	background: url(img/img_voice01.gif) no-repeat;
	margin: 0 auto;
	font-size: 1px !important;
	text-indent: -10000px !important;	
}

.stdBOX01 a	{
	width: 652px;
	height: 188px;
	display: block;
	margin: 0 auto;
}


.stdBOX02	{
	margin: 30px 40px 0 40px; padding: 20px 30px;
	border: dotted 2px #3399ff;
	font-size: 14px;
	line-height: 1.5;
}


	.stdBOX02 .title_check	{
		width: 324px;
		height: 18px;
		background: url(img/title_check.gif) no-repeat;
		margin: 0 auto;
		font-size: 1px !important;
		text-indent: -10000px !important;	
	}


	.stdBOX02 ul	{
		margin: 20px 30px 0 30px; padding: 0;
		line-height: 1.5;
	}


		.stdBOX02 ul li	{ 
			padding-top:0; padding-left:28px; 
			background: url(img/ico_check.gif) 0 5px  no-repeat; 
		}


.stdBOX03	{
	margin: 30px 40px 0 40px; padding: 0;
	font-size: 14px;
	line-height: 1.5;
}


	.stdBOX03 .title_keisai	{
		width: 682px;
		height: 36px;
		background: url(img/title_keisai.gif) no-repeat;
		margin: 0 auto; padding: 0;
		font-size: 1px !important;
		text-indent: -10000px !important;	
	}


	.stdBOX03 img	{
		margin-top: 12px;
	}


.stdBOX04	{
	margin: 0 40px 0 40px;  padding: 10px 20px;
	font-size: 12px;
	line-height: 1.5;
}

.title_voice	{
	width: 682px;
	height: 65px;
	background: url(img/intro_copy2.gif) no-repeat;
	margin: 40px auto 0 auto;  
	font-size: 1px !important;
	text-indent: -10000px !important;	
}


.stdBOX05	{
	clear: both;
	width: 640px; height: 520px;
	display :block;
	margin: 40px auto 0 auto;  padding: 0;
	border-top: solid 1px #cccccc;
	background: url(img/messagecard.jpg) 0 40px no-repeat ;
	font-size: 1px !important;
	text-indent: -10000px !important;	
}


.stdBOX06	{
	margin: 20px 40px 0 40px;  padding: 0 0 20px 0;
 	font-size: 12px;
	text-align: left;
}


	.stdBOX06 .title_oishii	{
		width: 682px;
		height: 36px;
		background: url(img/title_oishii.gif) no-repeat;
		margin: 0 auto ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
	}


.stdBOX07	{
	margin: 0 40px 0 40px;  padding: 10px 0 0 0;
	font-size: 12px;
	line-height: 1.5;
}

.stdBOX08	{
	margin: 30px 40px 40px 40px; padding: 0 10px 10px 10px;
}


.stdBOX08 ul	{
	width: 670px;
	margin: auto;
}


	.stdBOX08 ul li.voice001	{
		width: 670px;
		height: 120px;
		background: url(img/img_voice01.jpg) no-repeat;
		margin: 0 auto 12px 0 ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
		color: white;
	}

		.stdBOX08 ul li.voice001 span a	{	
			width: 120px;
			height: 40px;
			display: block;
			margin: 60px 0 0 440px ;
		}

	.stdBOX08 ul li.voice002	{
		width: 670px;
		height: 120px;
		background: url(img/img_voice02.jpg) no-repeat;
		margin: 0 auto 12px 0 ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
		color: white;
	}


		.stdBOX08 ul li.voice002 span a	{	
			width: 120px;
			height: 40px;
			display: block;
			margin: 60px 0 0 120px ;
		}


	.stdBOX08 ul li.voice003	{
		width: 670px;
		height: 120px;
		background: url(img/img_voice03.jpg) no-repeat;
		margin: 0 auto 12px 0 ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
		color: white;
	}


		.stdBOX08 ul li.voice003 span a	{	
			width: 120px;
			height: 40px;
			display: block;
			margin: 60px 0 0 455px ;
		}

.stdBOX09	{
	display :block-inline;
	width: 652px;
	height: 188px;
	background: url(img/img_voice02.gif) no-repeat;
	margin: 0 auto 20px auto;
	font-size: 1px !important;
	text-indent: -10000px !important;	
}

strong.wao01		{
	font-size: 18px;
	font-weight: bold;
	color: #FE005D;
}



.freedial_p2 a {
	display: block;
	width: 318px;
	height: 54px;
	margin: 50px 30px 0 auto;
	background: #fff url(img/freedial2.gif) no-repeat;
	text-indent: -10000px;
}

.freedial_p2_blank {
	display: block;
	width: 318px;
	height: 54px;
	margin: 50px 30px 0 auto;
	background: #fff url(img/freedial3.gif) no-repeat;
	text-indent: -10000px;
}


.mgn20	{
	margin-top:20px;
}


.mgn12	{
	margin-top:12px;
}

.txt_centering	{
	text-align: center !important;
}


strong.wao02		{
	font-size: 16px;
	font-weight: bold;
}


.gray {
	color: #666666;
}

.gray02 {
	color: #333333;
}

.pinktxt	{
	color: #FE005D;
}


.txt18	{
	font-size: 18px;
}


.txt14	{
	font-size: 14px;
}

/*
===== RANKING ===========================================
*/

.rank-title {
	display: block;
	width: 600px;
	height: 42px;
	margin: 10px auto;
	background: #fff url(img/title_rank.gif) no-repeat;
	text-indent: -10000px;
}

.rank-name {
	margin: 0 auto 10px auto;
	font-weight: bold;
	text-align: center;
}


/*
===== CATAROGUE ===========================================
*/

.catarogue-title {
	display: block;
	width: 512px;
	height: 46px;
	margin: 10px 0;
	background: #fff url(img/h_catarogue.gif) no-repeat;
	text-indent: -10000px;
}


/*
===== TOPIX ===========================================
*/

.topix {
	text-align: center;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: url(img/line_header.gif) top no-repeat;
}