@charset "utf-8";
/* CSS Document */


body {
	background:#ffffff url(../img/bg_body.jpg) top repeat-x;
	color:#363636;
	font-family:'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro, Me', 'osaka', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif ;
	line-height:140%;
	font-size:0.75em;
	margin:0;
	}

a{
	color:#004aaa;
	text-decoration:none;
	}

a:hover{
	color:#3399ff;
	background-color:transparent;
	text-decoration:none;
	}

img {
	border:0;
	vertical-align:bottom;
	}

p {
	margin:0;
	padding:0;
	}

ul {
	list-style-type: none;
	margin:0;
	padding:0;
	}

form {
	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	}

.clear {
	clear:both;
	}

.imgBlock {
	display:block;
	}


/* layout */

#wrapper {
	width:800px;
	margin:0 auto;
	}

#header {
	padding:15px 0 0 0;
	height:65px;
	}

h1 {
	font-size:1em;
	color:#1b3885;
	font-weight:bold;
	margin:0;
	padding:5px 0;
	}

#headerBtn li {
	margin:0 0 0 5px;
	float:right;
	}

#flash {
	padding:10px 0 5px 0;
	}

#banBox {
	float:left;
	width:210px;
	}

#mainBox {
	float:right;
	width:580px;
	}


/* navi */

#navi {
	height:55px;
	padding:0 0 10px 0;
	}

#navi li {
	float:left;
	display:block;
	}

#navi li.navi01 img { background:url(../img/navi01.gif) left top no-repeat; }
#navi li.navi02 img { background:url(../img/navi02.gif) left top no-repeat; }
#navi li.navi03 img { background:url(../img/navi03.gif) left top no-repeat; }
#navi li.navi04 img { background:url(../img/navi04.gif) left top no-repeat; }
#navi li.navi05 img { background:url(../img/navi05.gif) left top no-repeat; }

#navi li.navi01 a:hover img { background:url(../img/navi01.gif) left bottom no-repeat; }
#navi li.navi02 a:hover img { background:url(../img/navi02.gif) left bottom no-repeat; }
#navi li.navi03 a:hover img { background:url(../img/navi03.gif) left bottom no-repeat; }
#navi li.navi04 a:hover img { background:url(../img/navi04.gif) left bottom no-repeat; }
#navi li.navi05 a:hover img { background:url(../img/navi05.gif) left bottom no-repeat; }

#menu {
	line-height:0;
	}

#menu li {
	display:block;
	}

#menu li img {
	display:block;
	}

#menu li.menu01 img { background:url(../img/ban01.gif) left top no-repeat; }
#menu li.menu02 img { background:url(../img/ban02.gif) left top no-repeat; }
#menu li.menu03 img { background:url(../img/ban03.gif) left top no-repeat; }
#menu li.menu04 img { background:url(../img/ban04.gif) left top no-repeat; }
li.menu05 img { background:url(../img/ban05.gif) left top no-repeat; }

#menu li.menu01 a:hover img { background:url(../img/ban01.gif) left bottom no-repeat; }
#menu li.menu02 a:hover img { background:url(../img/ban02.gif) left bottom no-repeat; }
#menu li.menu03 a:hover img { background:url(../img/ban03.gif) left bottom no-repeat; }
#menu li.menu04 a:hover img { background:url(../img/ban04.gif) left bottom no-repeat; }
li.menu05 a:hover img { background:url(../img/ban05.gif) left bottom no-repeat; }


/* footer */

#footerNavi {
	padding:40px 0 5px 0;
	font-size:0.9em;
	clear:both;
	}

#footer {
	background:url(../img/bg_footer.gif) top repeat-x;
	padding:15px 0 20px 0;
	text-align:center;
	font-size:0.9em;
	}


/* top */

.topLeft {
	width:360px;
	float:left;
	}

.topRight {
	width:210px;
	float:right;
	padding:0 0 0 9px;
	}

.newsBox {
	background:url(../img/waku_top01_bg.gif) top left repeat-y;
	}

.newsBox img {
	display:block;
	}

.newsBox ul {
	padding:10px 20px 5px 20px;
	}

.newsBox li {
	background:url(../img/line_dot_gray.gif) bottom left repeat-x;
	padding:6px 0;
	line-height:150%;
	}

#tempo {
	margin:0 0 5px 0;
	}

#tempo li {
	display:block;
	}


li.tempo05 { 
	margin:0 0 10px 0;
	}

#tempo li.tempo01 img { background:url(../img/tenpo01.gif) left top no-repeat; }
#tempo li.tempo02 img { background:url(../img/tenpo02.gif) left top no-repeat; }
#tempo li.tempo03 img { background:url(../img/tenpo03.gif) left top no-repeat; }
#tempo li.tempo04 img { background:url(../img/tenpo04.gif) left top no-repeat; }
#tempo li.tempo05 img { background:url(../img/tenpo05.gif) left top no-repeat; }

#tempo li.tempo01 a:hover img { background:url(../img/tenpo01.gif) left bottom no-repeat; }
#tempo li.tempo02 a:hover img { background:url(../img/tenpo02.gif) left bottom no-repeat; }
#tempo li.tempo03 a:hover img { background:url(../img/tenpo03.gif) left bottom no-repeat; }
#tempo li.tempo04 a:hover img { background:url(../img/tenpo04.gif) left bottom no-repeat; }
#tempo li.tempo05 a:hover img { background:url(../img/tenpo05.gif) left bottom no-repeat; }


/* contact */

.mailText {
	font-size:120%;
	font-weight:bold;
	margin:10px 0;
	}

.attention {
	font-size:0.9em;
	line-height:15px;
	color:#ff6699;
	font-weight:bold;
	}

#contactTable {
	margin:20px 0 0 0;
	width:100%;
	}

#contactTable td {
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-bottom:#eeeeee 2px solid;
	}

#contactTable th {
	text-align:left;
	vertical-align:top;
	padding:10px;
	width:150px;
	border-bottom:#eeeeee 2px solid;
	}

#contactTable .noBoder {
	border-bottom:none;
	}

.checkBtn{
	background:none;
	border:none;
	}

.btnArea {
	text-align:center;
	margin:20px 0;
	}

input,textarea {
	background:#f3f8ff;
	border:#4583ce 1px solid;
	padding:2px;
	vertical-align:middle;
	}

.input01 {
	width:96px;
	}
	
.input02 {
	width:250px;
	}

.input03 {
	width:65px;
	}

#contactTable label {
	font-size:90%;
	padding:1px 3px;
	background:#CC0000;
	color:#FFFFFF;
	margin:0 0 0 5px;
	}

.policyBox {
	background:#eef1f3;
	margin:20px 0 0 0;
	}

.policyBox p {
	padding:10px 15px 10px 15px;
	}


/* company */

.companyTable {
	margin:10px 0 0 0;
	width:100%;
	}

.companyTable td {
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-bottom:#eeeeee 2px solid;
	}

.companyTable th {
	text-align:left;
	vertical-align:top;
	padding:10px 10px 10px 15px;
	border-bottom:#eeeeee 2px solid;
	}


/* news */

#newsList {
	padding:10px 20px 5px 20px;
	}

#newsList li {
	background:url(../img/line_dot_gray.gif) bottom left repeat-x;
	padding:6px 0;
	line-height:150%;
	}


/* shop */

.itemCategory {
	border:1px solid #cfcfcf;
	padding:10px;
	margin:0 0 5px 0;
	background:#f4f7f8;
	width:520px;
	}

.itemCategory .itemTitle {
	float:left;
	width:120px;
	font-weight:bold;
	}

.itemCategory .itemBody {
	float:left;
	padding:0 0 0 20px;
	width:360px;
	border-left:#1b3885 solid 3px;
	}
	
.itemCategory .itemBody02 {
	float:left;
	padding:0 0 0 20px;
	width:360px;
	border-left:#1b3885 solid 3px;
	line-height:160%;
	}

.itemBrand {
	padding:10px 0;
	}

.itemBrand li {
	width:170px;
	padding:0 5px 10px 5px;
	float:left;
	}

.itemBrand img {
	padding:4px;
	border:1px solid #cfcfcf;
	}

.itemBrand .itemTitle {
	padding:5px 5px 5px 5px;
	margin:0 5px 3px 5px;
	font-weight:bold;
	text-align:center;
	background:url(../img/line_dot_gray.gif) bottom left repeat-x;
	font-size:1.1em;
	}

.itemBrand p {
	padding:0 5px 5px 5px;
	margin:0 5px;
	}

.itemBrand .link {
	background:url(../img/icon_link.gif) left 2px no-repeat;
	padding:0 5px 5px 15px;
	margin:0 5px;
	font-size:0.8em;
	}

.tenpoBox {
	margin:0 0 30px 0;
	}

h2 {
	background:url(../img/line_dot_gray.gif) bottom repeat-x;
	font-size:1.3em;
	line-height:120%;
	margin:0 0 5px 0;
	padding:0 0 3px 5px;
	color:#1b3885;
	}

.tenpoBox table {
	margin:5px 0 0 0;
	width:230px;
	float:right;
	}

.tenpoBox table td {
	text-align:left;
	vertical-align:top;
	padding:4px 5px;
	border-bottom:#eeeeee 2px solid;
	}

.tenpoBox table th {
	text-align:left;
	vertical-align:top;
	padding:4px 5px;
	width:65px;
	border-bottom:#eeeeee 2px solid;
	}

.tenpoBox .left {
	width:420px;
	float:none;
	}

.tenpoBox .tenpoPhoto {
	padding:4px;
	border:1px solid #cfcfcf;
	float:left;
	margin:5px 10px 0 0;
	}

.tenpoBox .right {
	width:105px;
	float:right;
	}

.tenpoBox .right img {
	background:url(../img/btn_shop_detail.jpg) left top no-repeat;
	}

.tenpoBox .right a:hover img {
	background:url(../img/btn_shop_detail.jpg) left bottom no-repeat;
	}
	
.linkBox {
	float:left;
	width:260px;
	margin:0 10px 0 0;
	}
	
.linkBox02 {
	float:left;
	width:260px;
	margin:0;
	padding:0 0 0 10px;
	}
	
.linkBox img ,.linkBox02 img {
	margin:0 0 15px 0;
	}

.kaigoPage {
	font-size:1.2em;
	}


/* QA */

.question {
	background:url(../img/icon_q.gif) left top no-repeat;
	padding:7px 0 7px 40px;
	margin:0 0 5px 0;
	color:#0066cc;
	font-weight:bold;
	}

.answer {
	background:url(../img/icon_a.gif) left top no-repeat;
	padding:7px 0 7px 40px;
	}

.qaBox {
	padding:0 0 20px 0;
	background:url(../img/line_dot_gray.gif) left bottom repeat-x;
	margin:0 0 40px 0;
	}

.qaList {
	margin:0;
	}

.qaList li {
	background:url(../img/icon_arrow02.gif) left 4px no-repeat;
	padding:0 0 0 18px;
	margin:0 0 3px 0;
	list-style:none;
	}

.qaList li a {
	color:#444444;
	text-decoration:none;
	}

.qaList li a:hover {
	color:#0066cc;
	}

.qaListBox {
	margin:0 0 40px 0;
	padding:15px 20px;
	background:#f4f4f4;
	}


/* kaigo */

.kaigoCategory {
	padding:5px;
	margin:3px 0 3px 0;
	background:url(../img/line_dot_gray.gif) left bottom repeat-x #ffffff;
	width:520px;
	}

.kaigoCategory .kaigoTitle {
	float:left;
	width:120px;
	font-weight:bold;
	}

.kaigoCategory .kaigoBody {
	float:left;
	padding:0 0 0 20px;
	width:350px;
	border-left:#cccccc solid 2px;
	}


/* common */

.detailBox {
	width:540px;
	margin:0 0 40px 20px;
	}

.headline01 {
	background:url(../img/icon_headline01.gif) top left no-repeat;
	padding:0 0 10px 15px;
	font-weight:bold;
	color:#1b3885;
	margin:20px 0 0 0;
	line-height:120%;
	}

.headline02 {
	background:url(../img/icon_arrow01.gif) 4px 5px no-repeat;
	padding:0 0 0 15px;
	margin:0;
	}

.headline03 {
	background:url(../img/line_dot_gray.gif) bottom left repeat-x;
	padding:0 0 5px 0;
	font-weight:bold;
	color:#1b3885;
	margin:15px 0 5px 0;
	}

.left {
	float:left;
	}

.right {
	float:right;
	text-align:right;
	}

.imgSpace {
	margin:5px 0;
	}

.link {
	background:url(../img/icon_link.gif) top left no-repeat;
	padding:0 0 5px 15px;
	}

.textBlue {
	color:#1a80ff;
	}

.textOrange {
	color:#ff9933;
	}

.mgnTop10 {
	margin:10px 0 0 0;
	}

.mgnTop20 {
	margin:20px 0 0 0;
	}

.mgnBtm10 {
	margin:0 0 10px 0;
	}

.mgnBtm20 {
	margin:0s 0 20px 0;
	}
	
.pdnLeft10 {
	padding:0 0 0 10px;
	}
	
.pdnTop10 {
	padding:10px 0 0 0;
	}

.fontLarge {
	font-size:1.3em;
	}


/*     closed     */

.closedBox {
	margin:0;
	padding:20px 20px 30px;
	border:#dddddd solid 1px;
	}
	
.closedTitle {
	font-size:1.4em;
	font-weight:bold;
	border-bottom:#cccccc solid 1px;
	color:#990000;
	padding:0 0 5px;
	}
	
.closedBox p {
	padding:10px 0 0;
	line-height:160%;
	}
	
h2.closed {
	background:url(../img/line_dot_gray.gif) bottom repeat-x;
	font-size:1.2em;
	line-height:120%;
	margin:0 0 5px 0;
	padding:0 0 3px 5px;
	color:#CC3333;
	}



