@charset "UTF-8";
#mainContent {
	width: 980px;
	margin-top: 10px;
	background-image: url(/common/img/pageBack.gif);
	background-repeat: repeat-y;
	clear: both;
}

#columnLeft {
	width: 652px;
	float: left;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 10px;
	overflow: hidden;
}

#columnLeft .more {
	float: right;
	background-image: url(/common/img/more_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	font-size: 0.9em;
	color: #666666;
	margin-top: 9px;
}

#columnLeft .title {
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
	
}
#columnLeft .title h2 {
	float: left;
}

#columnLeft .single {
	margin-top: 0px;
	clear: both;
	background-image: url(../img/columnBase1_body.gif);
	background-repeat: repeat-y;
}
#columnLeft .np {
	background-image: url(../img/columnBaseP_body.gif);
}
#columnLeft .single .area {
	background-image: url(../img/columnBase1_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#columnLeft .single .area .doc {
	background-image: url(../img/columnBase1_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 8px;
	padding-bottom: 15px;
}

#columnLeft .single .area .doc .content {
	margin: 0px;
	padding: 0px;
}
#columnLeft .single .title {
	background-image: url(../img/columnBase1_title.gif);
	background-repeat: repeat-y;
}

#columnLeft .single .items {
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	overflow: hidden;
	display: block;
	width: 628px;
}

#columnLeft .double {
	margin-top: 0px;
	clear: both;
	background-image: url(../img/columnBase2_body.gif);
	background-repeat: repeat-y;
}
#columnLeft .double .area {
	background-image: url(../img/columnBase2_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#columnLeft .double .area .doc {
	background-image: url(../img/columnBase2_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 9px;
	padding-bottom: 15px;
}
#columnLeft .double .area .doc .contentLeft {
	width: 326px;
	float: left;
	overflow: hidden;
}

#columnLeft .double .contentLeft .title {
	background-image: url(../img/columnBase2_titleL.gif);
	background-repeat: repeat-y;
	
}

#columnLeft .double .area .doc .contentRight {
	width: 326px;
	float: left;
	overflow: hidden;
}

#columnLeft .double .contentRight .title {
	background-image: url(../img/columnBase2_titleR.gif);
	background-repeat: repeat-y;
	
}

#columnLeft .double .items {
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	clear: both;
	margin-top: 0px;
	
}


#columnRight {
	width: 309px;
	float: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b2b2b2;
	overflow: hidden;
}
#rightTop {
	background-color: #CCCCCC;
	padding: 5px;
}
#rightBottom {
	padding: 0px;
	margin-top: 0px;
}


#blogskin {
	display: block;
	background-image: url(../img/blogskin_back.gif);
	background-repeat: repeat-y;
}
#blogskin div {
	background-image: url(../img/blogskin_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 11px;
	padding-left: 13px;
}
#blogskin div ul {
	list-style-type: none;
	margin-top: 6px;
}
#blogskin div ul li {
	float: left;
	margin-right: 15px;
}

#blogskin div ul li a {
	color: #1F80AA;
	background-image: url(../img/blogskin_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 15px;
}
#officialblog .items .block {
	display: block;
	clear: both;
}

#officialblog li {
	display: block;
	float: left;
	margin-right: 14px;
	margin-top: 10px;
	width: 300px;
}
#officialblog li a {
	font-size: 1.2em;
	font-weight: bold;
}

#officialblog img {
	float: left;
	margin-right: 5px;
}

#officialblog h3 {
	font-size: 1.1em;
	font-weight: bold;
	float: right;
	width: 230px;
}
#officialblog span {
	display: block;
	float: right;
	width: 230px;
}


#ranking ul,#new ul {
	list-style-type: none;
}
#ranking li,#new li {
	margin-top: 6px;
	display: block;
	background-image: url(/common/img/bar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 3px;
}
#ranking a,#new a {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	display: block;
	height: 15px;
}
#ranking .r1,#new .r1 {
	background-image: url(../img/rkn_1.gif);
}
#ranking .r2,#new .r2 {
	background-image: url(../img/rkn_2.gif);
}
#ranking .r3,#new .r3 {
	background-image: url(../img/rkn_3.gif);
}
#ranking .r4,#new .r4 {
	background-image: url(../img/rkn_4.gif);
}
#ranking .r5,#new .r5{
	background-image: url(../img/rkn_5.gif);
}
#ranking .r6,#new .r6 {
	background-image: url(../img/rkn_6.gif);
}
#ranking .r7,#new .r7 {
	background-image: url(../img/rkn_7.gif);
}
#ranking .r8,#new .r8 {
	background-image: url(../img/rkn_8.gif);
}
#ranking .r9,#new .r9 {
	background-image: url(../img/rkn_9.gif);
}
#ranking .r10,#new .r10 {
	background-image: url(../img/rkn_10.gif);
}
#ranking .n0,#new .n0 {
	background-image: url(../img/rkn_0.gif);
}
#newphotos ul {
	list-style-type: none;
	margin-top: 10px;
}
#newphotos ul li {
	float: left;
	margin-right: 12px;
	margin-left: 12px;
	width: 80px;
}
#newphotos ul li p {
	margin-top: 3px;
}
#category {
	display: block;
}
#category #catLeft {
	float: left;
	width: 310px;
}
#category #catRight {
	float: right;
	width: 310px;
}


#category .cat {
	display: block;
	margin-top: 10px;
}
#category .cat h3 {
	font-size: 1.1em;
	font-weight: bold;
}

#skindesigns ul {
	list-style-type: none;
}
#skindesigns ul li {
	float: left;
	margin-top: 10px;
	margin-right: 7px;
	margin-left: 3px;
	height: 65px;
	width: 65px;
}
* html #skindesigns ul li {
	float: left;
	margin-top: 10px;
	margin-right: 7px;
	margin-left: 0px;
	height: 65px;
	width: 65px;
}
#information ul {
	list-style-type: none;
}
#information ul li {
	display: block;
	background-image: url(/common/img/bar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 7px;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
#information ul li a {
	color: #303030;
}
#entryArea {
	margin-top: 5px;
}
#whatArea {
	background-image: url(/common/img/bar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 1px;
}
#searchArea {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4px;
	position: relative;
	background-image: url(/common/img/bar.gif);
	width: 296px;
}
#searchArea input {
	margin: 0px;
	padding: 0px;
	width: 150px;
	position: absolute;
	left: 110px;
	top: 9px;
}
#searchArea a {
	position: absolute;
	left: 270px;
	top: 9px;
}
#cafeglobe {
	text-align:left;
}
#cafeglobe .topic {
	width:309px;
	padding:0 0 7px 0;
}
* html #cafeglobe .topic {
margin:0 0 0 10px;
}
*:first-child+html #cafeglobe .topic {
margin:0 0 0 10px;
}

#cafeglobe .topic ul {
	list-style-type: none;
	margin:0 0 0 5px;
}
#cafeglobe .topic ul li {
	display: block;
	margin-top: 7px;
	width:300px;
}
#cafeglobe .topic ul li a {
	color: #303030;
	display: block;
	font-weight: bold;
}

#cafeglobe .topic ul li img {
	float: left;
	margin-right: 5px;
}
#cafeglobe .topic ul li a span {
	color: #666666;
	font-size:10px;
	width:215px;
	float:right;
}
#cafeglobe .whatsnew {
	width:299px;
	padding-top: 0px;
	margin-left: 5px;
}

#cafeglobe .whatsnew h3 {
	margin:0 0 3px 0;
	padding:0;
}

#cafeglobe .whatsnew ul {
	list-style-type: none;
	background-image: url(/common/img/bar.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 3px;
	padding-top: 3px;
}
#cafeglobe .whatsnew ul li {
	background-image: url(/common/img/bar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	padding-bottom: 4px;
	padding-top: 2px;
}
#cafeglobe .whatsnew ul li a {
	color: #303030;
	background-image: url(../img/whatsnewBr.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:12px;
}

* html #cafeglobe .whatsnew {
margin:0 0 0 15px;
}
*:first-child+html #cafeglobe .whatsnew {
margin:0 0 0 15px;
}


#selectcafe .topic {
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
#selectcafe .topic h3 {
	font-weight: bold;
	display: block;
	float: right;
	width: 185px;
}

#selectcafe .topic ul {
	list-style-type: none;
}
#selectcafe .topic ul li {
	display: block;
	margin-top: 7px;
}
#selectcafe .topic ul li a {
	color: #303030;
	display: block;
	font-weight: bold;
}

#selectcafe .topic ul li img {
	float: left;
	margin-right: 7px;
}
#selectcafe .topic ul li span {
	color: #333333;
	display: block;
	float: right;
	width: 185px;
}
#selectcafe .whatsnew {
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
#selectcafe .whatsnew ul {
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url(../img/whatsnewBr.gif);
	background-image: url(/common/img/bar.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 3px;
	padding-top: 3px;
}
#selectcafe .whatsnew ul li {
	background-image: url(/common/img/bar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	padding-bottom: 4px;
	padding-top: 4px;
}
#selectcafe .whatsnew ul li a {
	color: #303030;
}


#present {
	background-color: #CCCCCC;
}
#present h2 {
	display: block;
	background-color: #9A9A9A;
	padding: 5px;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
}
#present .waku {
	background-color: #FFFFFF;
	padding: 5px;
	border: 5px solid #CCCCCC;
}
#present .waku div {
	float: left;
}
#present .waku div h3 {
	font-size: 1.1em;
	font-weight: bold;
}
#present .waku div img {
	margin-top: 4px;
}

#present .image {
	float: right;
}

#select-cafe-banner{
clear:both;
text-align:center;
padding:5px 0;
}

/* otherpage
----------------------------------------------- */
#columnLeft .formArea {
padding:0px;
width:500px;
margin:20px 0 0 75px;
font-size:12px;
}

#columnLeft .formArea .caution {
color:#ff0000;
font-weight:normal;
}


#columnLeft .formArea .msg {
padding:0 0 15px 0;
color:#333333;
line-height:160%;
}

#columnLeft .formArea .msg2 {
padding:0 0 15px 0;
color:#333333;
line-height:160%;
text-align:center;
}

#columnLeft .formArea .msg strong,
#columnLeft .formArea .msg2 strong {
color:#29ABE2;
}

#columnLeft .formArea table.formtable {
margin:0px;
width:500px;
}

#columnLeft .formArea table.formtable th {
background-color:#ecf9fe;
padding:8px 5px;
color:#29ABE2;
font-weight:bold;
}

#columnLeft .formArea table.formtable td {
padding:8px 5px;
color:#333333;
}

#columnLeft .formArea input.tbox { border:1px solid #cccccc; color:#333333; font-size: 12px; }

#columnLeft .breadcrumb {
	text-align:left;
	font-size:10px;
}

#columnLeft .single .number {
	margin:15px 0 5px 10px;
	padding:5px 0;
	width: 628px;
	background-color:#ECF9FE;
}

#columnLeft .single .number p {
	margin:0 5px;
	padding:0;
}

#columnLeft .single .elements {
	background-image: url(/common/img/bar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 628px;
	padding:10px 0;
	margin:0 0 0 10px;
}

#columnLeft .single .elements h3 {
	width: 628px;
	font-size: 1.1em;
	font-weight: bold;
	padding:0;
	margin:0;
}

#columnLeft .single .elements p {
	width: 628px;
	font-size:10px;
}

#columnLeft .single .elements p.blogtxt {
	padding:0;
	margin:2px 0 0 0;
}

#columnLeft .single .elements p.blogdata {
	padding:0;
	margin:2px 0 0 0;
	text-align:right;
}

#officialblog2 .items .block {
	display: block;
	clear: both;
}

#officialblog2 li {
	display: block;
	float: left;
	margin-right: 14px;
	margin-top: 10px;
	padding:0 0 15px 0;
	width: 300px;
}
#officialblog2 li a {
	font-size: 1.2em;
	font-weight: bold;
}

#officialblog2 img {
	float: left;
	margin-right: 5px;
}

#officialblog2 h3 {
	font-size: 1.1em;
	font-weight: bold;
	float: right;
	width: 230px;
}
#officialblog2 span {
	display: block;
	float: right;
	width: 230px;
}

#skindesignslist {
	overflow:hidden;
	clear:both;
	width: 628px;
	padding:0 0 20px 0;
	margin:0 0 0 25px;
}
#skindesignslist ul {
	list-style-type: none;
}
#skindesignslist ul li {
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 0px;
	height: 65px;
	width: 65px;
}

.skinswap {
	position:absolute; z-index:1; visibility:hidden;
	background-color:#FFF;
	width:270px;
	text-align:center;
	font-size:10px;
	color:#29ABE2;
	padding:5px 0 10px 0;
}

.skinswap img {
	margin:5px 0 0 0;
}

/* pagetop
----------------------------------------------- */
.pagetoplink {
	margin:0;
	padding:5px 0;
	text-align:right;
	font-size:10px;
	background-image:none;
	background-color:#FFF;
}

.pagetoplink a {
	background-image: url(/common/img/arrow3.gif);
	background-repeat: no-repeat;
	padding:0 0 5px 15px;
}


/* ↓ m.suzuki ↓
----------------------------------------------- */
#officialblog2 .cafe {
	margin-top:2px;
	margin-left: -9px;
	width: 646px;
	height:129px;
}
#officialblog2 p {
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	padding:0 0 15px 0;
	width: 614px;
	font-size: 12px;
}

#officialblog2 p.lead {
	display: block;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	padding:0 0 25px 0;
	width: 614px;
	font-size: 12px;
}

#officialblog2 p.pagetoplink {
	display:block;
	float: right;
	margin:0px;
	padding-top:2px;
	padding-bottom:10px;
	text-align:right;
	font-size:8px;
	background-image:none;
	background-color:#FFF;
}

#officialblog2 p.pagetoplink a {
	margin:0px;
	background-image: url(/common/img/arrow3.gif);
	background-repeat: no-repeat;
}

#officialblog2 table.inquiry {
	display:block;
	margin-left:5px;
	margin-bottom:30px;
	padding: 15px;
	border:5px #e6e6e6 solid;
	background-color:#FFF;
	font-size: 12px;
}
#officialblog2 table.inquiry tr {
	display:block;
}
#officialblog2 table.inquiry tr {
	display:block;
}
#officialblog2 table.privacy {
	display:block;
	margin-left:5px;
	padding: 15px;
	background-color:#fffccb;
	font-size: 12px;
}
#officialblog2 table.privacy tr {
	display:block;
}
.link {
	width:600px; 
	margin-top: 15px;
	margin-left:5px;
	margin-right:15px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	background-color:#fffccb;
	font-size: 12px;
}
.link table.qa {
	width:570px;
	display:block;
	margin:0px; padding: 0px;
	background-color:#fffccb;
}
#officialblog2 .link_clear {
	display:block;
	clear:right;
	float:left;
	width:600px; 
	margin-top: 15px;
	margin-left:5px;
	margin-right:15px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}
#officialblog2 .link_clear table.pr {
	width:570px;
	display:block;
	clear:right;
	float:left;
	margin:0px; padding: 0px;
}
#officialblog2 .imm {
	width:556px;
	margin-top:15px;
	margin-left:10px;
	margin-right:15px;
	padding: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-color:#fffccb;
	font-size: 12px;
}

#officialblog2 .attention {
	width:600px;
	margin-top:15px;
	margin-left:5px;
	margin-right:15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color:#f2f2f2;
	font-size: 12px;
}
#officialblog2 .attention span {
	text-align:left;		
	color:#fb7f29;
	font-weight:bold;
}
#officialblog2 .sentence {
	width:614px;
	margin-top:15px;
	margin-left:5px;
	margin-right:15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}
#officialblog2 .sentence02 {
	width:614px;
	margin-left:5px;
	margin-right:15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}
#officialblog2 .pri_a {
	width:600px;
	margin-top:15px;
	margin-left:5px;
	margin-right:15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color:#fffccb;
	font-size: 12px;
}
#officialblog2 .agr_a {
	width:614px;
	margin-left:5px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 12px;
}
#officialblog2 .title_q {
	width:614px;
	margin-top:15px;
	margin-left:5px;
	margin-right:15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#fffccb;
	font-size: 12px;
}
#officialblog2 .title_q table {
	margin-left:15px;
}
#officialblog2 .title_a {
	width:600px;
	margin-left:5px;
	margin-right:15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}
#officialblog2 .title_a table.qa_A {
margin-left:15px;}
/* ↑ m.suzuki ↑
----------------------------------------------- */


/* Mypagetop
----------------------------------------------- */
.mypage-waku {
	width: 638px;
	padding:0;
	margin:10px 0 0 0;
}

.mypage-waku .mypage-waku-section {
	width: 638px;
	padding:0 0 20px 0;
	margin:0;
	background-image: url(/common/img/home_bg.gif);
	background-repeat: repeat-x;
}

.mypage-waku .mypage-waku-section h3.mypage-top {
	width: 638px;
	height:26px;
	padding:6px 0 0 0;
	margin:0 0 0 5px;
	font-size:12px;
	color:#333333;
	font-weight:bold;
}

.mypage-waku .mypage-mid1,
.mypage-waku .mypage-mid2,
.mypage-waku .mypage-mid3 {
	margin:5px 0 0 0;
	overflow:hidden;
	clear:both;
}

.mypage-waku .mypage-mid1 ul,
.mypage-waku .mypage-mid2 ul,
.mypage-waku .mypage-mid3 ul {
	padding:0;
	margin:0;
	float:left;
	list-style-type:none;
	list-style-position:outside;
	font-size:12px;
}

.mypage-waku .mypage-mid1 ul li,
.mypage-waku .mypage-mid2 ul li,
.mypage-waku .mypage-mid3 ul li {
	display:block;
	width:190px;
	background-image: url(/common/img/arrow.gif);
	background-repeat: no-repeat;
	background-position:0px 3px;
	padding:0 0 0 15px;
	margin:3px 0;
}

#mypage-head {
	clear:both;
	overflow:hidden;
}

#mypage-head .breadcrumb {
	text-align:left;
	font-size:10px;
	float:left;
	width:490px;
}

#mypage-head #fontSizetop {
	margin: 0;
	padding: 0;
	width:158px;
	height: 15px;
	float:left;
}

#mypage-head #fontSizetop a {
	display: block;
	text-decoration: none;
	width: 24px;
	height: 15px;
	float:left;
}

#mypage-head #fontSizetop a.fontSizeS {
	margin:0 5px 0 0;
	background: url(../../images/top_fonts_off.gif) no-repeat;
}

#mypage-head #fontSizetop a.fontSizeM {
	margin:0 5px 0 0;
	background: url(../../images/top_fontm_off.gif) no-repeat;
}

#mypage-head #fontSizetop a.fontSizeL {
	background: url(../../images/top_fontl_off.gif) no-repeat;
}

#mypage-head #fontSizetop a.fontSizeS:hover  { background: url(../../images/top_fonts_on.gif) no-repeat; }
#mypage-head #fontSizetop a.fontSizeM:hover  { background: url(../../images/top_fontm_on.gif) no-repeat; }
#mypage-head #fontSizetop a.fontSizeL:hover { background: url(../../images/top_fontl_on.gif) no-repeat; }

#mypage-head #fontSizetop span.alt {
	display:none;
}

#mypage-head #fontSizetop p {
	font-size:10px;
	color:#333333;
	width:160px;
	margin:0 0 0 10px;
	padding:5px 0 0 0;
	clear:both;
}

/* gadget_gallery
----------------------------------------------- */
#gadget {
	width: 980px;
	margin: 10px 0;
	clear: both;
}

#gadget iframe {
	margin: 0 0 0 35px;
}

/* banner
----------------------------------------------- */
.banner_300_100 {
	margin: 5px 0;
	text-align:center;
}