/*
Theme Name: Hyashi Takumi  Women's Clinic
Theme URI: 
Description: Hyashi Takumi  Women's Clinic
Version: 1.0
Author: Brainworks
*/

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------ base ------------------------------------ */
/* ------------------------------------------------------------------------------------ */

* { margin:0; padding:0;}

body {
	font-family: Arial, sans-serif;
	margin:0; padding:0;
	font-size:100.01%;
}

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

/*firefox etc.*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*MacIE WinIE7*/
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a { color:#666; text-decoration:none;}
a:hover { color:#999;}

/* ------------------------------------------------------------------------------------ */
/* -------------------------------------- 1nd page ------------------------------------ */
/* ------------------------------------------------------------------------------------ */

/* ------------------------ header ------------------------ */

#header {
	margin:0;
	padding: 0 0 5px 0;
	width:100%;
	height:104px;
	border-bottom:solid 1px #732600;
}

#headerBox {
	margin: 0 auto 0 auto;
	padding: 8px 51px 0 43px;
	width:886px;
	height:96px;
}

#header ul {
	margin:20px 0 0 0;
	float:left;
	display:inline;
	list-style:none;
}
#header li {
	margin-bottom:0px;
	padding-left:0;
	font-size:0.9em;
	line-height:1.7;
}

#header p#logo {
	float:right;
	display:inline;
	text-align:right;
	font-size:0.8em;
	margin-top: 8px;
}
#header p img { margin-bottom:3px;}

#header h1 { margin-bottom:5px;font-size:0.7em; font-weight:normal; color:#999;}
*:first-child+html #header h1 { font-size:0.55em;}

/* ------------------------ footer ------------------------ */

#footer {
	margin:0 auto 0 auto;
	padding:0;
	width:100%;
	height:43px;
	clear:both;
	border-top:solid 1px #732600;
}

#footerBox { margin:0 auto 0 auto;padding: 0 51px 0 43px;width:886px;}

#footer address {
	float:left;
	display:inline;
	margin-top:12px;
	width:450px;
	font-style:normal;
	font-size:0.7em;
	line-height:1.3;
	color:#666;
}

#footer p#copyright {
	float:right;
	display:inline;
	padding:12px 0 0 0;
	width:400px;
	height:43px;
	font-size:0.7em;
	text-align:right;
	color:#666;
}

/* ------------------------ contents ---------------------- */

#contents {
	margin:0 auto 0 auto;
	padding:45px 51px 20px 43px;
	width:886px;
}

.breadcrumb {
	margin: 0 0 15px 0;
	font-size:0.7em;
	line-height:1.7;
}

.breadcrumb { color:#666;}

#main {
	width:588px;
	margin:0;
	padding:0px 0 0 0;
	float:right;
	display:inline;
}

#main h2 {
	margin: 0 0 10px 0;
	padding-bottom:4px;
}

#main h2.homeH2 { margin-bottom:20px;}

#main .box {
	margin-bottom:10px;
}

#main .contBox img.pic {
	margin: 0 25px 350px 0;
	float:left;
	display:inline;
}

#main h3 {
	margin-bottom:15px;
	padding: 0 0 3px 12px;
	font-size:1em;
	color: #666;
	border-bottom: dotted 1px #999;
	background:url(../img/home/list04.gif) no-repeat left 32%;
}

#main h4 {
	margin-bottom:15px;
	font-size:0.9em;
	color: #F60;
}

#main p {
	margin-bottom:20px;
	font-size:0.8em;
	line-height:1.6;
	color:#666;
}

#main p.catch { margin-bottom:30px;text-align:center;}

#main .homeBoxLeft { clear:both;float:left; display:inline; width:284px;}
#main .homeBoxRight { float:right; display:inline; width:284px;}

#main .logoBox {
	padding-top:0px;
	height:186px;
	background:url(../img/home/logoBack.gif) no-repeat center top;
}

#main .mobile img { float:left; display:inline; margin:5px 10px 0 0 ;}

#main p#pagetop {
	margin:0;
	width:588px;
	text-align:right;
	clear:both;
}

#main p a.mapBtn {
	margin-left:5px;
	padding: 1px 2px 0 2px;
	color:#FFFFFF;
	background-color:#C80000;
	font-size: 0.7em;
}

#main p a.mapBtn:hover {background-color:#F00000;}

#main p img.telPic { margin:5px 0 5px 0;}

#pagetop a {
	padding-left:10px;
	color:#FF6666;
	text-decoration:none;
	line-height:1;
	font-size:0.8em;
	background:url(../img/home/pagetop.gif) no-repeat left 50%;
}

#pagetop a:hover { color:#F99;}

#main p a.linkPink { font-weight:bold;list-style:none;color:#FF6666;font-size:0.9em;text-decoration:underline;}
#main p a.linkPink:hover { color:#FF9999; text-decoration:underline;}

/* ------------------------------------------------------------------------------------ */
/* facebook */
/* ------------------------------------------------------------------------------------ */

.facebook { margin-bottom:40px;}

#btns { margin-bottom:20px;}

/* ------------------------ side ------------------------ */

#dc0 { margin-bottom:20px;}

#menu {
	margin:0;
	padding:0;
	width: 210px;
	height:auto;
	float:left;
}

#menu #titleBox {
	margin-bottom:20px;
}
#menu #titleBox img {
	margin-bottom:10px;
}

#menu ul#newTopics {
	margin-bottom:10px;
	color:#FF6666;
	font-weight:bold;
}
#menu ul#newTopics li { background:url(../img/list04.gif) no-repeat left 0.3em;}
#menu ul#newTopics li a { list-style:none;color:#FF6666;font-size:0.9em;text-decoration:underline;}
#menu ul#newTopics li a:hover { color:#FF9999; text-decoration:underline;}

#menu ul#newTopics02 { margin: 0 0 20px 20px;}
#menu ul#newTopics02 li { padding-left:0px;background:none; list-style-type:disc;}
#menu ul#newTopics02 li a { list-style:none;color:#03C;font-size:0.9em;text-decoration:underline;}
#menu ul#newTopics02 li a:hover { color:#06F; text-decoration:underline;}

#menu ul#newTopics03 { margin-left:0;}
#menu ul#newTopics03 li { padding:0;list-style:none; background:none;}

#menu h2 {
	padding:0 0 2px 0;
	width:180px;
	clear:both;
	font-weight:normal;
	font-size:1em;
	color:#333;
	border-bottom: solid 1px #333;
	margin-bottom: 4px;
}

#menu ul {
	margin: 0 0 10px 5px;
	padding:0 5px 10px 0;
	list-style-type: none;
}

#menu ul li {
	margin:0 0 7px 0;
	padding:0 0 0 10px;
	color:#666;
	font-size:0.8em;
	line-height:1.2;
	background:url(../img/list03.gif) no-repeat left 0.3em;
}

#menu ul li a {
	margin:0;
	padding:0;
	color:#666;
	font-size:1em;
	line-height:1;
}
#menu ul li a:hover {
	color:#999;
}

#menu p.mobile {margin:20px 0 20px 0;}

#menu #mobileBox {
	margin:20px 0 20px 0;
	font-size:0.8em;
	line-height:1.5;
}
#menu #mobileBox img {
	float:left;
	display:inline;
	margin: 0 10px 10px 0;
}

/* ------------------------ etc ------------------------ */

#main  #flash {
	margin-bottom:10px;
}

#main ul.diagList { margin: 0 0 25px 0; list-style:none;}
#main ul.diagList li {
	padding-left:10px;
	font-size:0.8em;
	line-height:1.5;
	color:#666;
	background:url(../img/diagnosis/list02.gif) no-repeat left 50%;
}

#main .btm60 { margin-bottom:60px;}
.boxLeft {
	margin: 0 25px 350px 0;
	float:left;
	display:inline;
}

.boxRight { float:right; display:inline; width:365px;}
.right { float:right; display:inline;}

#main .contBox .boxLeft02 { float:left; display:inline; margin-bottom:0; width:208px;}
#main .contBox .boxLeft02 img { margin-bottom:10px;}
#main .contBox .boxLeft02 p { text-align:center;}
.boxRight02 { float:right; display:inline; width:365px;}
.indent { margin-left:20px;}

#main ul { margin: 0 0 30px 0; padding-bottom:0; list-style-type:none;}
#main li {
	margin-bottom:5px;
	padding-left:10px;
	font-size:0.8em;
	line-height:1.4;
	color:#666;
	background:url(../img/diagnosis/list02.gif) no-repeat left 0.55em;
}

#main .catBox { clear:both;}