/*
Theme Name: My-Styles
*/




/*---共通---*/

body{
	line-height:150%;COLOR: #565656;
	TEXT-ALIGN: center;
	margin:0px;
	background:#fff;
	font-size:12px;
	background-image: url('images/header/bg_header.gif');
	background-repeat:repeat-x;
	 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;


}
.feature {
	background: url('images/bg_feature.jpg') no-repeat;
	width:738px;
	height:150px;
}
.feature div.inlinks{
	color:#fff;

	margin-left:147px;
	padding-top:10px;
	
}
.feature ul.links {
	float:left;
	width:287px;
	margin-left:5px;
}
.feature ul.links li{
	padding-bottom:5px;


}

.feature ul.links li a{
	color:#fff;
}
.feature ul.links li a:hover{
	color:#fff;
}
img {
	border:0px;
}
img a{
	border:0px;
}

p {
	padding:0px;
	line-height:150%;	
}
a {
	color:#232323;
	text-decoration: none; 
}
a:hover, a:active  {
	color:#565656;
	text-decoration:underline;
}
td{
	line-height:150%;
}
.news {
	list-style:none;
	margin:0px;
	padding:0px;
}
.news li {
	margin-bottom:5px;
	padding-bottom:10px;
	padding-top:5px;
	border-bottom:1px dotted #ccc;
}

.date {
	font-size:10px;

}
.date1 {
	font-size:12px;
	color:#990000;
}
.boxtype {
	display:block;
	width:100px;
	float:left;
}
ol,ul{
	list-style-type: none;
	padding:0px;
	margin:0px;
}
ul.toplistmenu {
	padding-left:10px;
	padding-right:10px;
}
ul.toplistmenu li{
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

/*---ヘッドライン---*/
h1,h2,h3,h4,h5 {
	margin:0px;
	padding:0px;
}


/*---h2 {
	background:url('images/bg_h2.gif');
	background-repeat:repeat-x;
	height:22px;
	padding:5px;
	line-height:110%;
	color:#FFF;
	text-align:left;
	font-size:14px;
}---*/
h2 {
	font-size:16px;
	background:none;
	padding-bottom:25px;
	padding-top:18px;
	padding-left:20px;
	margin-top:10px;
	background:url('images/bg/h2.gif') no-repeat;
}
h3.toph3 {
	background:url('images/bg/toph2.gif') no-repeat;
	padding-top:11px;
	padding-left:17px;
	padding-bottom:11px;
	font-size:13px;
}
h3.b_title{
	font-size:16px;
	padding-top:5px;
	padding-bottom:10px;
	line-height:150%;
	border-bottom:1px dotted #ccc;
}
h3.line {
	background:url('images/h3_line.gif') repeat-x;
	padding-top:8px;
	padding-left:8px;
	padding-bottom:8px;
	display:block;
	width:730px;
}
h4 {	
	font-size:115%;
	line-height:110%;
	padding-left:18px;
	padding-top:13px;
	padding-bottom:14px;
	color:#000000;
	margin-bottom:5px;
	background:url('images/bg/h4.gif')  no-repeat;
}
h5 {
	background:url('images/bg/h5.gif')  no-repeat;
	font-size:12px;
	color:#000;
	padding-left:25px;
	padding-top:4px;
	padding-bottom:7px;
	margin:0px;
	line-height:130%;
}
.maintitle {
	font-weight:bold;
	color:#000;
	font-size:12px;
}

/*---フォント---*/
.txt10 {
	font-size:10px;
}
.txt11 {
	font-size:11px;
}
.txt12 {
	font-size:12px;
}
.txt14 {
	font-size:14px;
}
.txt16 {
	font-size:16px;
}
.lHeight150{
	line-height:150%;
}
.txtB {
	font-weight:bold;
}
.txtBlack {
	color:#000000;
}
.txtWhite {
	color:#FFFFFF;
}
.txtRed {
	color:#FF0000;
}
.txtBlue {
	color:#0000FF;
}
.txtOrange {
	color:#FF6600;
}
.txtGreen {
	color:#0D6809;
}
.txtGray {
	color:#808080;
}
.txtMaroon {
	color:#880000;
}
.txtPink {
	color: #FF33CC;
}
.txtYellow {
	color: #FFFF00;
}


/* ---------- @ Float Clearing -----------*/

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

.clearfloat {
	display:block
	}
.clearbh {
	clear:both;
}


/*---マージン---*/
.margin_b02 {
	margin-bottom:2px;
}
.margin_b05 {
	margin-bottom:5px;
}
.margin_b10 {
	margin-bottom:10px;
}
.margin_b15 {
	margin-bottom:15px;
}
.margin_b20 {
	margin-bottom:20px;
}
.margin_b25 {
	margin-bottom:25px;
}
.margin_b30 {
	margin-bottom:30px;
}
.margin_l05 {
	margin-left:5px;
}
.margin_l10 {
	margin-left:10px;
}
.margin_l15 {
	margin-left:15px;
}

/*アイキャッチ*/
.lb{
	background: url('images/eyeGreen.gif') 0px no-repeat;
	font-size:11px;
	padding-top:1px;
	padding-left:17px;
	line-height:100%;
}
.lb2{
	background: url('images/eye4.gif') 0px no-repeat;
	font-size:11px;
	padding-top:1px;
	padding-left:13px;
	line-height:100%;
}
.lb3{
	background: url('images/eyeGreen.gif') 0px no-repeat;
	padding-top:1px;
	padding-left:16px;
	line-height:120%;
}
.eye {
	background: url('images/eyeGreen.gif') no-repeat;
	font-size:12px;
	color:#666;
	padding-left:17px;
	padding-bottom:16px;
	line-height:100%;
}
.eye2 {
	background: url('images/eye2.gif') no-repeat;
	font-size:12px;
	color:#000;
	padding-left:17px;
	padding-bottom:16px;
	padding-top:0px;
	line-height:150%;
}
.eye3 {
	background: url('images/eye3.gif') 0px 4px no-repeat;
	font-size:11px;
	padding-top:0px;
	padding-left:12px;
	padding-bottom:5px;
	line-height:100%;
}


/*---テーブル---*/
#content table {
	font-size:12px;
	color:#000000;
	text-align:left;
	}
.tdTop {
	border-top:1px #565656 solid;
}
.tdLeft {
	border-left:1px solid #cacaca;
}
.td01 {
	border-bottom:1px dotted #cacaca;
	border-right:1px dotted #cacaca;
	background-color:#eaeaea;
	padding:5px;
}
.td02 {
	border-bottom:1px dotted #cacaca;
	border-right:1px dotted #cacaca;
	padding:5px;
}

/*---画像---*/
.imgBox {
	border-style:solid;
	border-color:#999999;
	border-width:1px;
	padding: 1px;
}
.imgL {
	margin-right: 10px;
	float: left;
}
.imgR {
	float: right;
	margin-left: 10px;
}
.tfe {
	float: left;
	border: 3px solid #cccccc;
	padding: 1px;
	margin-right:5px;
}

/*---レイアウト---*/

/*ヘッダー*/
#header {
	margin-left:auto;
	margin-right:auto;
	width:952px;
	text-align:left;
}
#header .logo {
	width:195px;
	float:left;
	margin-top:25px;
	height:90px;
}
#tel {
	float:left;
	width:757px;
	margin-top:25px;
	height:90px;
	text-align:right;
}

ul.mainmenu {
	width:952px;
	height:32px;
	margin:0px;
	clear:both;
}
ul.mainmenu li{
	float:left;
	padding:0px;
	margin:0px;
}
ul.mainmenu li a{
	display : block ;
	margin : 0 ;
	padding : 0 ;
	text-indent : -9999px ;
	background-repeat : no-repeat ;
	background-position : top center ;
	text-decoration : none ;
	overflow : hidden ;

}

.link1 a {
	background: url('images/header/menu_top.gif') left top;
	width:103px;
	height:32px;
}
.link1 a:hover {
	background: url('images/header/menu_top.gif')  left bottom;;
}
.link2 a {
	background: url('images/header/menu_style.gif') left top;
	width:142px;
	height:32px;
}
.link2 a:hover {
	background: url('images/header/menu_style.gif') left bottom; ;
}
.link3 a {
	background: url('images/header/menu_shopping.gif') left top;
	width:188px;
	height:32px;
}
.link3 a:hover {
	background: url('images/header/menu_shopping.gif') left bottom; ;
}
.link4 a {
	background: url('images/header/menu_services.gif') left top;
	width:197px;
	height:32px;
}
.link4 a:hover {
	background: url('images/header/menu_services.gif')  left bottom;;
}
.link5 a {
	background: url('images/header/menu_pay.gif') left top;
	width:158px;
	height:32px;
}
.link5 a:hover {
	background: url('images/header/menu_pay.gif') left bottom;
}
.link6 a {
	background: url('images/header/menu_way.gif') left top;
	width:163px;
	height:32px;
}
.link6 a:hover {
	background: url('images/header/menu_way.gif')  left bottom;;
}
/*トップページメイン*/
#topImg {
	width:680px;
	height:310px;
	padding:0px;
	margin-bottom:10px;
}
#mainText {
	width:742px;
	padding:0 5 10 5px;
	margin-bottom:10px;
}
#mainText {
	width:744px;
	padding:0 5px;
	margin-bottom:10px;
}


#content {
	width:952px;
	color:#000000;
	font-size:12px;
	text-align:left;
	background:#fff;

	margin-left:auto;
	margin-right:auto;
	}
#primaryContents {
	width:680px;
	float:left;

}
#secondaryContents {
	width:738px;
	height:inherit;
	float:left;
	margin-right:10px;
}
#leftBox {
	width:200px;
	float:left;
	padding-right:10px;
	border-right:1px solid #ccc;
	line-height:130%;
}
#rightBox {
	width:455px;
	float:left;
	margin-left:10px;

}
#rightText {
	width:547px;
	color:#000000;
	float:left;
}

div.lbox {
	width:205px;
	float:left;
	margin-left:10px;
}
div.rbox {
	width:205px;
	float:left;
	margin-left:10px;
}
div.toplistBox {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	overflow:auto;
}
ul.listtop {
	width:210px;
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.listtop li{
	margin-left:10px;
	padding-bottom:3px;
}
div.listDiv {
	margin-top:5px;
	color: #333;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	height:50px;
}
div.lList {
	margin-top:5px;
	width: 75px;
	float: left;
	color: #333;
	height:75px;

}
div.rList {
	margin-top:5px;
	float: left;
	color: #999;

	width:195px;
	height:75px;
}
div.rList2 {
	margin-top:5px;
	float: left;
	color: #999;
	width:395px;
	height:75px;
}
div.rList3 {
	margin-top:5px;
	float: left;
	color: #999;
	margin-left:5px;
	width:145px;
	height:75px;
}


#sideBanner {
	width:262px;
	color:#666;
	text-align:left;
	float:left;
	margin-left:8px;

}

#sideBanner2 {
	width:200px;
	color:#666;
	float:left;
}
#sideBanner2 ul,
#sideBanner2 li{
	margin:0px;
	padding:0px ;
	list-style:none;
	display: inline;
}
#sideBanner2 li img{
	vertical-align:top;
}
#topix {
	width:210px;
	font-size:10px;
	text-align:left;
	line-height:normal;
	word-break:break-all;
	margin-left:5px;
	padding-top:5px;
}
#topixText {
	color:#666;
	font-size:10px;
	text-align:left;

	height:10px;
	list-style:none;
}
#mobile {
	width:220px;
	text-align:left;
	padding-bottom:15px;
}
#mobileText {
	width:154px;
	list-style:none;
	color:#666;
	height:12px;
	font-size:10px;
	margin-left:70px;

	word-break:break-all;
}
#pickup {
	width:454px;
	text-align:left;
}
#pickupText {
	color:#666;


	list-style:none;

}
#banner {
	width:220px;
}

#specially {
	width:454px;
	margin-top:10px;
	float:left;
}
.speciallyArticle {
	width:227px;
	float:left;
	text-align:left;
	font-size:12px;
	color:#666;
	padding:0px;
}
.speciallyText {
	text-align:left;
	font-size:12px;
	color:#666;
	padding:5 5 0px;
	word-break:break-all;
}

.archive {
	width:580px;
	text-align:left;
	color:#000000;
	padding:0 0 5 0px;
	margin-top:0px;
	margin-bottom:10px;
}

.left {
	float:left;
	text-align:left;
	color:#000000;
	margin:0 10 0 0px;
	padding:0px;
}

/* 下層ページ */
#leftMenu {
	width:180px;
	padding:0px;
	margin-right:10px;
	float:left;
}
#leftMenu ul{
	vertical-align:top;
	margin:0px;
	padding:0px;
}
#leftMenu ul li{
	margin:0px;
	padding:10 5px;
	border-bottom: 1px solid #e7e7e7;
	border-collapse:collapse;
}
#leftMenu ul li ul{
	border:none;
}
#leftMenu ul li ul li{
	border:none;
}
#leftMenu ul li.first{
	border-top: 1px solid #e7e7e7;

}
.kanren ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.kanren ul li{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	border-bottom:1px dotted #cccccc;
}
.mainImg {
	width:737px;
	height:250px;
	padding:0px;
	margin-bottom:5px;
}
#presents {
	background: url('images/lifesupport/presents/main.jpg');
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	width:738px;
	height:251px;
	text-align:left;
}
#goldPresents {
	width:198px;
	float:left;
	margin-top:165px;
	margin-left:30px;
	height:34px;
}
#jewelry {
	background: url('images/lifesupport/jewelry/main.jpg');
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	width:738px;
	height:251px;
	text-align:left;
}
#goldJewelry {
	width:198px;
	float:left;
	margin-top:53px;
	margin-left:30px;
	height:34px;
}
#restaurant {
	background: url('images/lifesupport/restaurant/main.jpg');
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	width:738px;
	height:251px;
	text-align:left;
}
#goldRestaurant {
	width:198px;
	float:left;
	margin-top:165px;
	margin-left:30px;
	height:34px;
}
#dish {
	background: url('images/lifesupport/dish/main.jpg');
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	width:738px;
	height:251px;
	text-align:left;
}
#goldDish {
	width:198px;
	float:left;
	margin-top:165px;
	margin-left:20px;
	height:34px;
}
#recipe {
	background: url('images/lifesupport/recipe/main.jpg');
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	width:738px;
	height:251px;
	text-align:left;
}
#goldRecipe {
	width:198px;
	float:left;
	margin-top:165px;
	margin-left:20px;
	height:34px;
}
#eco {
	background: url('images/lifesupport/eco/main.jpg');
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	width:738px;
	height:251px;
	text-align:left;
}
#goldEco {
	width:198px;
	float:left;
	margin-top:165px;
	margin-left:20px;
	height:34px;
}
#child {
	background: url('images/lifesupport/child/main.jpg');
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	width:738px;
	height:251px;
	text-align:left;
}
#goldChild {
	width:198px;
	float:left;
	margin-top:165px;
	margin-left:20px;
	height:34px;
}
#pet {
	background: url('images/lifesupport/pet/main.jpg');
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	width:738px;
	height:251px;
	text-align:left;
}
#goldPet {
	width:198px;
	float:left;
	margin-top:165px;
	margin-left:20px;
	height:34px;
}
.txtBox{
	width:auto;
	height:auto;
	background:url('images/bg_introduction.gif') repeat;
	border:1px solid #cccccc;
	margin-bottom:15px;
	padding:5px;
}

/*サイド*/
/*sidebar内*/
#colum {
	background-image:url('images/colum.gif');
	width:262px;
	height:286px;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding-top:0px;
}
#columText {
	color:#666;
	text-align:left;
	padding-top:33px;
	padding-left:5px;
	word-break:break-all;
}
.sideText {
	font-size:10px;
	color:#666;
	line-height:normal;
}

#recommend {
	background-image:url('images/recommend.gif');
	width:262px;
	height:220px;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding-top:0px;
	margin:0px;
}
#recommendText {
	font-size:12px;
	color:#666;
	text-align:left;
	padding-top:40px;
	padding-left:5px;
	word-break:break-all;
}

#ranking {
	background-image:url('images/ranking.gif');
	width:262px;
	height:200px;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding-top:0px;

}
#ranking1 {
	font-size:12px;
	color:#666;
	text-align:left;
	padding-top:35px;
	padding-left:5px;
	word-break:break-all;
}
#ranking2 {
	font-size:12px;
	color:#666;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	word-break:break-all;
}
#ranking3 {
	font-size:12px;
	color:#666;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	word-break:break-all;
}
#ranking4 {
	font-size:12px;
	color:#666;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	word-break:break-all;
}
#ranking5 {
	font-size:12px;
	color:#666;
	text-align:left;
	padding-top:5px;
	padding-left:5px;
	word-break:break-all;
}	



/*フッター*/
#footer {
	background-image:url('images/footer.gif');
	background-repeat:repeat-x;
	width:952px;
	margin-top:0px;
	font-size:12px;
	color:#666666;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#Copyright {
	font-size:10px;
	color:#666;
	top:190;
	padding-top:10px;
	padding-left:0px;
}