@charset "utf-8";

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

 // Share Style

-----------------------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	background:#FFF url(../image/share/bg.jpg) repeat-y center top;
	font-size:80%;
	line-height:150%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "MS Serif", sans-serif, serif;
	color:#333;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
a {
	overflow:hidden;
}
a:link {
	text-decoration:none;
	color:#FF0000;
}
a:visited {
	text-decoration:none;
	color:#FF0000;
}
a:hover {
	text-decoration:underline;
	color:#FF0000;
}
img {
	border:0;
}
hr {
	display:none;
}
.clear {
	clear:both;
}
#pagetop {
	margin:0 auto;
	width:748px;
	background-color:#fff;
}

#pagetop02 {
	width:748px;
	background-color:#DA1E34;
}

.center {
	text-align:center;
}
.digi {
	margin-top:30px;
}
.fl {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.fr {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.back {
	text-align:right;
	margin-top:20px;
	clear:both;
}
.lib {
}




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

 // Header Style

-----------------------------------------------*/
#header {
	position: relative;
	height: 99px;
	background:#DA1E34 url(../image/share/bg_header.gif) repeat-x;
}
h1 {
	position: absolute;
	top: 25px;
	left: 14px;
	text-indent:-9998px;
	background:#DA1E34 url(../image/share/logo.gif) no-repeat;
	width:184px;
	font-size:1px;
	line-height:1px;
}
h1 a {
	display:block;
	height:74px;
}
#header p {
	position: absolute;
	top: 0;
	right: 0;
	font-size:1px;
	line-height:1px;
	width:99px;
	background:#DA1E34
}

#header p a {
	display:block;
	width:99px;
	height:40px;
	text-indent:-9998px;
	background:url(../image/share/logo_p-up.gif) no-repeat;
}

#header p.bnr {
	position: absolute;
	top: 49px;
	left: 440px;
	background: none;
}

#header p.bnr a {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	text-indent: 0;
	background: none;;
}


#header ul {
	clear:right;
}
#header ul li {
	display:inline;
	float:right;
	margin-left:10px;
	font-size:10px;
	line-height:100%;
	margin-top:10px;
}
#header ul li a {
	background:url(../image/share/list_01.gif) no-repeat 0em .5em;
	padding:5px 0 5px 18px;
	line-height:160%;
	color:#666;
}

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

 // flash

-----------------------------------------------*/
#flash {
	width:748px;
	clear:both;
}
#flash p {
	text-align:center;
	font-size:1px;
	line-height:1px;
}
#flash ul {
	position:absolute;
	top:45px;
	right:25px;
}
#flash ul li {
	line-height:1px;
	font-size:1px;
	margin-bottom:15px;
}
/*-----------------------------------------------

 // Global Navigation

-----------------------------------------------*/
#g_navi {
	margin:10px 0 0 0;
	padding-left:10px;
	float:left;
	clear:both;
	width:729px;
}
#g_navi li {
	float:left;
	height:40px;
}
#g_navi li a {
	display:block;
	float:left;
	height:40px;
	text-indent:-9998px;
}
#g_navi li.navi_shop a {
	background:url(../image/share/navi_shop.gif) no-repeat;
	width:145px;
}
#g_navi li.navi_shop_on a,
#g_navi li.navi_shop a:hover {
	background:url(../image/share/navi_shop.gif) no-repeat left bottom;
	width:145px;
}
#g_navi li.navi_service a {
	background:url(../image/share/navi_service.gif) no-repeat;
	width:146px;
}
#g_navi li.navi_service_on a,
#g_navi li.navi_service a:hover {
	background:url(../image/share/navi_service.gif) no-repeat left bottom;
	width:146px;
}
#g_navi li.navi_topics a {
	background:url(../image/share/navi_topics.gif) no-repeat;
	width:150px;
}
#g_navi li.navi_topics_on a,
#g_navi li.navi_topics a:hover {
	background:url(../image/share/navi_topics.gif) no-repeat left bottom;
	width:150px;
}
#g_navi li.navi_character a {
	background:url(../image/share/navi_character.gif) no-repeat;
	width:142px;
}
#g_navi li.navi_character_on a,
#g_navi li.navi_character a:hover {
	background:url(../image/share/navi_character.gif) no-repeat left bottom;
	width:142px;
}
#g_navi li.navi_qa a {
	background:url(../image/share/navi_qa.gif) no-repeat;
	width:144px;
}
#g_navi li.navi_qa_on a,
#g_navi li.navi_qa a:hover {
	background:url(../image/share/navi_qa.gif) no-repeat left bottom;
	width:144px;
}
/*-----------------------------------------------

 // container

-----------------------------------------------*/
#container {
	margin-top:20px;
	padding:0 10px;
	width: 727px;
	float:left;
}
#index #container {
	background:url(../image/index/bg_side.gif) repeat-y right top;
	float:left;
}
#main {
	width:552px;
	float:right;
	padding-right:15px;
}
#index #main {
	width:505px;
	float:left;
	margin-right:9px;
	padding-right:0;
}

#index #read {
	clear: both;
	width:495px;
	margin-right:9px;
	padding-right:0;
	text-align:right;
	font-size:80%;
}

#main h2#new_news {
	background:url(../image/index/h_news-topics.gif) no-repeat;
	height:20px;
	text-indent:-9998px;
	margin-bottom:0;
}
#index #main dl {
	background:#FFF url(../image/index/bg_news-topics.gif) no-repeat;
	margin-bottom:30px;
	padding-top:10px;
	float:left;
}
#index #main dt {
	float:left;
	width:105px;
	padding:0 0 5px 10px;
	clear:both;
}
#index #main dd {
	margin-left:120px;
	padding:0 5px 5px;
	width:350px;
}
#main p.bnr {
	margin-bottom:0;
}

#main h2 {
	margin-bottom:10px;
}
#main #inner {
	padding:0 15px;
}
#topics #main #inner,
#character #main #inner {
	padding:25px 0 15px 15px;
}
#main .inner {
	padding:0 15px;
}
#main #inner .print {
	text-align:right;
	margin-right:5px;
	margin-bottom:-20px;
	position:relative;
}
#main #inner h3 {
	margin-bottom:10px;
}
#entry #main #inner h3 {
	background:url(../image/shop/h3.gif) no-repeat;
	height:25px;
	padding-left:25px;
	font-size:115%;
}

#main #inner table {
	margin-bottom:20px;
	border-collapse: collapse; 
}

#service #main #inner table {
	margin-left:20px;
}

#main #inner table tr {
	background : url(../image/shop/bg_dot.gif) left bottom repeat-x;
}

#main #inner table th {
	width : 260px;
	vertical-align : middle;
	text-align : left;
	padding : 10px 0;
}

#service #main #inner table th {
	width:180px;
}

#main #inner table th a {
	color : #fd4b7b;
	text-decoration : underline;
	font-weight : normal;
}

#main #inner table th img {
	margin-left : 5px;
}

#main #inner table td {
	width : 250px;
	padding : 10px 0 10px 10px;
}

#service #main #inner table td {
	width:310px;
}

#topics #main #inner table tr {
	background : none;
}

#topics #main #inner table th {
	text-align : center;
}

#topics #main #inner table td {
	width : auto;
}


#main #inner dl {
	margin-bottom:20px;
}
#service #main #inner dl {
	margin-left:20px;
}
#main #inner dt {
	float:left;
	clear:both;
	width:200px;
}
#service #main #inner dt {
	width:180px;
}
#main #inner dt a {
	color:#333;
	font-weight:bold;
	
}
#main #inner dd {
	margin-left:200px;
	width:310px;
}
#service #main #inner dd {
	margin-left:180px;
	width:310px;
}
#main #inner dt img {
	margin-left:5px;
}
#entry #main #inner #shop_map {
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #CCC;
	text-align:center;
	clear:both;
}
#entry #main #inner #printout {
	text-align:right;
/*
	background:url(../image/share/line_02.gif) repeat-x left bottom;
*/
	padding-bottom:10px;
}
#entry #main #inner #shop_data {
	background:url(../image/shop/bg_shopdata.gif) repeat-y;
	float:left;
	width:522px;
}
#entry #main #inner #shop_data p {
	float:left;
	width:196px;
	margin-bottom:0;
}
#entry #main #inner #shop_data dl {
	float:left;
	width:251px;
	margin-bottom:0;
	padding-top:20px;
	padding-left:40px;
	padding-right:35px;
}
#entry #main #inner #shop_data dt {
	float:none;
	margin-left:0px;
}
#entry #main #inner #shop_data dt img {
	margin-left:0;
}
#entry #main #inner #shop_data dd {
	margin-left:0px;
	margin-bottom:10px;
	width:auto;
}
#service #main h3 {
	margin-bottom:20px;
}
#service #main #inner h4 {
	margin-bottom:10px;
}
#service #main #inner #maker {
	border:1px solid #000;
	width:380px;
	margin:0 auto;
	padding:10px;
	text-align:center;
}
#service #main #inner #maker li {
	display:inline;
	text-align:center;
	margin:0 5px;
}
.q_bottom {
	background:url(../image/share/line_03.gif) repeat-x;
	height:2px;
	margin:20px 0;
}
#service #main #inner h5 {
	margin-bottom:5px;
	color:#FE1052;
	clear:both;
}
#service #main #inner ol.tokuten {
	margin-bottom:10px;
	padding:10px;
	background:#FFC;
	height:114px;
}
#service #main #inner ol.tokuten li {
	background:url(../image/share/list_02.gif) no-repeat .2em .5em;
	padding-left:15px;
	color:#FE1052;
	font-size:95%;
}
#service #main #inner p strong {
	color:#FE1052;
	font-weight:normal;
}
#service #main #inner .inner .finish {
	float:left;
	margin-right:10px;
	margin-bottom:30px;
}
#service #main #inner .inner #order {
	font-weight:bold;
	color:#FE1052;
}
#service #main #inner .inner #order li {
	float:left;
	width:130px;
	margin:0 10px 20px;
}
#service #main #inner h6 {
	margin-bottom:5px;
}
#service #main p.card {
	padding-bottom:20px;
	background:url(../image/share/line_03.gif) repeat-x left bottom;
}
#service #main #benefit {
	margin-left:5px;
}
#service #main #benefit h4 {
	margin-bottom:0;
}
#service #main #benefit .benefit_box {
	margin-right:4px;
	margin-bottom:15px;
	padding:15px 15px 0;
	border:1px solid #CCC;
	border-top:0;
	color:#FE6410;
	height:130px;
}
#service #container > #main #benefit .benefit_box {
	height:auto;
	min-height:130px;
	max-height:auto;
}
#service #main #benefit .benefit_box p.att {
	padding:10px 15px;
	font-size:85%;
	line-height:120%;
	background:#FFFCDC;
	color:#333;
}
#service #main #benefit .contact_01 {
	margin-right:9px;
}
#main #inner ol#making {
	margin-top:10px;
	float:left;
}
#main #inner h3 + ol#making {
	padding-left:10px;
}
#main #inner ol#making li {
	float:left;
	width:160px;
	height:150px;
	margin-left:10px;
	line-height:120%;
}
#main #inner p#more {
	position:relative;
}
#main #inner p#more img {
	position:absolute;
	top:-53px;
	left:45px;
}
#topics #main #inner h3.ranking_title,
#topics #main #inner h4 {
	margin-bottom:10px;
	padding-left:15px;
	background:url(../image/topics/bg_date.gif) no-repeat left center;
	height:30px;
	line-height:30px;
	color:#FFF;
}
#topics #main #inner table {
	table-layout:fixed;
	border-collapse:collapse;
	width:513px;
}
#topics #main #inner table th {
	width:110px;
	background:#F5F9FE;
	border-right:1px solid #FFF;
	border-bottom:1px solid #CCC;
}
#topics #main #inner table td {
	padding:10px 5px;
	border-bottom:1px solid #CCC;
}
#topics #main #inner table td.date {
	width:120px;
	background:#FEFDF5;
	text-align:center;
	border-right:1px solid #FFF;
}
#topics #main #inner table td.maker {
	width:60px;
	text-align:center;
}
#topics #main #inner .ranking_box {
	background:url(../image/share/line_03.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin-bottom:20px;
	width:505px;
	overflow:hidden;
}
#topics #main #inner .ranking_box h4 {
	background:none;
	float:left;
	width:145px;
	margin:0 5px 0 0;
	padding:0;
	height:28px;
}
#topics #main #inner .ranking_box h5 {
	padding:3px 0 0 25px;
	background:url(../image/topics/bg_mobile.gif) no-repeat;
	height:25px;
	color:#F70000;
	font-size:115%;
	width:329px;
	float:left;
}
#topics #main #inner .ranking_box p {
	width:244px;
	float:left;
	margin-top:12px;
}
#topics #main #inner .ranking_box p.photo {
	margin-top:10px;
	margin-right:5px;
	float:left;
	width:145px;
	overflow:hidden;
}
#topics #main #inner .ranking_box p.photo img {
	width:145px;
	height:180px;
}
#topics #main #inner .ranking_box h6 {
	float:left;
	width:100px;
	margin:10px 10px 0 0;
	padding:0;
}
#topics #side ul.ranking {
	margin-top:10px;
}

#qa #main #inner ul{
	font-weight: bold; 
	color:#FF5959;
	line-height: 1.5;
	}

#qa #main #inner .qatxttitle {
	font-weight: bold; 
	color:#FF5959;
	line-height: 1.5;
	margin:20px 0;
	}

#qa #main #inner img {
	margin:10px 0;
	}

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

 // side

-----------------------------------------------*/
#side {
	width:145px;
	float:left;
	margin-bottom:20px;
}
#index #side {
	width:213px;
	float:left;
	margin-bottom:0;
}
#side h2#ranking {
	background:url(../image/index/h_ranking.gif) no-repeat;
	height:20px;
	text-indent:-9998px;
}

#side h2#mobile {
	background:url(../image/index/h_mobile.gif) no-repeat;
	height:20px;
	text-indent:-9998px;
}

#side h2#pr {
	background:url(../image/index/h_pr.gif) no-repeat;
	height:20px;
	text-indent:-9998px;
}

#side p{
	margin:10px 0;
}

#side ol {
	margin:10px 10px 10px 20px;
}
#side ol li {
	margin-bottom:5px;
	padding-left:35px;
}
#side ol li.no-01 {
	background:url(../image/index/no-01.gif) no-repeat 0em 0.2em;
}
#side ol li.no-02 {
	background:url(../image/index/no-02.gif) no-repeat 0em 0.2em;
}
#side ol li.no-03 {
	background:url(../image/index/no-03.gif) no-repeat 0em 0.2em;
}
/*.index_side {
	background:url(../image/index/bg_side_bottom.gif) no-repeat right top;
	height:3px;
	margin-bottom:35px;
	clear:both;
}*/
#side ul {
	border:1px solid #FFCCCC;
	border-top:0;
	width:145px;
	background:#ff6699;
}
#side ul li {
	border-top:1px solid #FFCCCC;
}
#side ul ul {
	border:0;
	width:145px;
}
#side ul li li {
	padding-left:10px;
	border-top:1px solid  #FFCCCC;
}
#side ul li a {
	display:block;
	width:120px;
	margin-bottom:5px;
	padding-top:5px;
	padding-left:20px;
	padding-right:5px;
	color:#fff;
	line-height:120%;
	background:url(../image/share/list_02.gif) no-repeat 10px 10px;
}
#side ul li li a {
	width:105px;
	padding-right:10px;
}
#side ul li a:hover {
	text-decoration:none;
	background:url(../image/share/list_02_on.gif) no-repeat 10px 10px;
	color:#FFCCCC;
}
/*-----------------------------------------------

 // footer

-----------------------------------------------*/
#footer {
	background:#DA1E34 url(../image/share/line_01.gif) repeat-x;
	margin-top:20px;
	padding-top:10px;
	padding-left:10px;
	color:#fff;
	font-size:85%;
	line-height:120%;
	clear:both;
}
#footer ul {
	width:548px;
	margin-bottom:20px;
	float:left;
}
#footer ul li {
	float:left;
	text-indent:-9998px;
	margin-right:6px;
}
#footer ul li a {
	display:block;
	float:left;
	height:10px;
}
#footer ul li.footer_home a {
	width:42px;
	background:url(../image/share/footer_home.gif) no-repeat;
}
#footer ul li.footer_shop a {
	width:49px;
	background:url(../image/share/footer_shop.gif) no-repeat;
}
#footer ul li.footer_service a {
	width:49px;
	background:url(../image/share/footer_service.gif) no-repeat;
}
#footer ul li.footer_topics a {
	width:82px;
	background:url(../image/share/footer_topics.gif) no-repeat;
}
#footer ul li.footer_character a {
	width:71px;
	background:url(../image/share/footer_character.gif) no-repeat;
}
#footer ul li.footer_qa a {
	width:71px;
	background:url(../image/share/footer_qa.gif) no-repeat;
}
#footer ul li.footer_sitemap a {
	width:71px;
	background:url(../image/share/footer_sitemap.gif) no-repeat;
}
#footer ul li.footer_contact a {
	width:64px;
	background:url(../image/share/footer_contact.gif) no-repeat;
}
#footer address {
	clear:both;
	font-style:normal;
	padding-bottom:10px;
	letter-spacing:.1em;
}
#footer address a {
	color:#fff;
}