@charset "UTF-8";

/* --- Reset --- */

h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,blockquote,cite,q,address{
font-size:100%;
font-weight:normal;
font-style:normal;
margin:0px;
padding:0px;
}

img{ border-style:none; }

a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
}
a:focus{ border:none; }

input[type="text"]:focus,
textarea:focus{
background-color:#ffffcc;
}

/* --- common elements --- */
.left{float:left;}
.right{float:right;}
.center{display:block;text-align:center;margin:0px auto;}
.clear{clear:both;}
.onborder{padding:2px;border:1px solid #f4a000;margin:10px;}
/* --- strong --- */
.strong{font-weight:bold;}
.strong-o{color:#ff6600;}
/* --- color ＆ bold --- */
.red{color:#ff6600;}
.blue{color:#037ec4;}
.big{font-weight:bold;}

.margin-t20{margin-top:20px;}

/************************************************
*	clear					*
************************************************/
div:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
/************************************************
*	Layout  				*
************************************************/
body {
font-family:"ヒラギノ角ゴ Pro W3"Arial, "ＭＳ Ｐゴシック", Helvetica, Tahoma, "Trebuchet MS", Verdana, Osaka, "メイリオ", sans-serif;
color:#333333;
background-color:#fffaf1;
text-align:center;
margin:0px auto;
padding:0px;
}

div#banner{
width:100%;
background-color:#ffffff;
background-image:url(http://www.amou-dental.com/img/common/banner_bg.jpg);
background-position:center top;
background-repeat:repeat-x;
}

div#header {
color:#333333;
text-align:left;
padding:0px;
margin:0px auto;
width:100%;
height:320px;
background-color:#ffffff;
background-image:url(http://www.amou-dental.com/img/common/header_bg.jpg);
background-position:center top;
background-repeat:repeat-x;
overflow:hidden;
}

div#content {
font-size: 100%;
color: #333333;
background-color:transparent;
background-image:url(http://www.amou-dental.com/img/common/content_bg.gif);
background-position:left top;
background-repeat:repeat-y;
text-align: center;
margin:0px auto;
padding:0px;
width: 821px;
}

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

div#header-menu{
width:821px;
height:52px;
background-image:url(http://www.amou-dental.com/img/common/header-menu_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}

div#content .inner{
background-image:url(http://www.amou-dental.com/img/common/content_inner_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
padding-top:36px; 
}

div#main {
font-size:80%;
color:#333333;
background-color:transparent;
text-align:left;
margin:0;
padding:0px;
width:560px;
float:right;
}

div#sub {
font-size:100%;
color:#333333;
background-color:transparent;
text-align:left;
padding:0;
width:240px;
float:left;
}

div#sub-access{
font-size:12px;
width:210px;
height:339px;
margin-bottom:10px;
background-image:url(http://www.amou-dental.com/img/common/sub-access.jpg);
background-position:left top;
background-repeat:no-repeat;
position:relative;
}

div#sub-access p{
position:absolute;
top:224px;
left:25px;
}

div#footer {
font-size:100%;
color:#22AC38;
background-image:url(http://www.amou-dental.com/img/common/footer_bg.gif);
background-position:left top;
background-repeat:no-repeat;
text-align:center;
margin:0px auto;
width:821px;
height:101px;
clear: both;
}

/************************************************
*	banner  				*
************************************************/

div#banner .inner{
width:820px;
margin:0px auto;
}

div#banner .inner h1{
font-size:12px;
text-align:left;
padding-top:2px;
padding-bottom:4px;
}

div#banner .inner h1 a{
color:#363636;
text-decoration:none;
}
div#banner .inner h1 a:hover{
color:#666666;
text-decoration:underline;
}

/************************************************
*	header  				*
************************************************/

div#header .inner {
width:1200px;
height:320px;
margin:0px auto;
}
div#header-contents {
color:#333333;
text-align:left;
padding:0px;
margin:0px auto;
width:100%;
height:160px;
background-color:#ffffff;
background-image:url(http://www.amou-dental.com/img/common/header_bg.jpg);
background-position:center bottom;
background-repeat:repeat-x;
overflow:hidden;
}

div#header-contents .inner{
width:1200px;
height:160px;
margin:0px auto;
}

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

ul#menu{
overflow:hidden;
clear:both;
width:808px;
height:45px;
margin:0px auto;
list-style:none;
}
ul#menu li{
display:inline;
}
ul#menu li a{
display:display;
text-indent:-9999px;
width:101px;
height:45px;
float:left;
background-image:url(http://www.amou-dental.com/img/common/navi-button.png);
background-repeat:no-repeat;
}

/* --- 各メニューオーバー前・オーバー後 --- */
#menu01{ background-position:0 0; }
#menu01:hover,#menu01.hover{ background-position:0 -45px; }
#menu02{ background-position:-101px 0; }
#menu02:hover,#menu02.hover{ background-position:-101px -45px; }
#menu03{ background-position:-202px 0; }
#menu03:hover,#menu03.hover{ background-position:-202px -45px; }
#menu04{ background-position:-303px 0; }
#menu04:hover,#menu04.hover{ background-position:-303px -45px; }
#menu05{ background-position:-404px 0; }
#menu05:hover,#menu05.hover{ background-position:-404px -45px; }
#menu06{ background-position:-505px 0; }
#menu06:hover,#menu06.hover{ background-position:-505px -45px; }
#menu07{ background-position:-606px 0; }
#menu07:hover,#menu07.hover{ background-position:-606px -45px; }
#menu08{ background-position:-707px 0; }
#menu08:hover,#menu08.hover{ background-position:-707px -45px; }

/************************************************
*	Content 					     		    * 
************************************************/

div#main .inner {
padding:0px;
margin:0px;
background:none;
}

/* 見出し */
div#main h2 {
width:543px;
height:52px;
line-height:52px;
text-indent:80px;
font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
font-size: 160%;
font-weight: bold;
color: #333333;
background-image:url(http://www.amou-dental.com/img/common/h2.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:10px auto;
padding:0px;
clear: both;
}

div#main h3 {
font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
font-size:16px;
font-weight: bold;
color: #666666;
letter-spacing:0.1em;
text-indent:56px;
width:540px;
height:40px;
line-height:40px;
background-image:url(http://www.amou-dental.com/img/common/h3.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:10px auto 30px auto;
clear: both;
overflow:hidden;
}
div#main h4{
width:540px;
height:24px;
font-size:14px;
font-weight:bold;
line-height:24px;
text-indent:30px;
margin:10px auto;
background-image:url(http://www.amou-dental.com/img/common/h4.gif);
background-position:left top;
background-repeat:no-repeat;
color:#ff9900;
border-bottom:1px solid #cccccc;
}

/* ハイパーリンク */
div#main a {
text-decoration: none;
color:#F4A000;
}

div#main a:hover {
text-decoration: underline;
color:#666666;
}
/* 段落 */
div#main p {
line-height:160%;
margin: 0px;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
text-align:justify;
font-size:1.2em;
}
.menu {
padding-top: 20px;
}

/* --- TOPページ あもう歯科8つの情熱 --- */
div#passion8{
width:520px;
height:225px;
margin:0px auto 20px auto;
padding:6px;
border:1px solid #ededed;
}
div#passion8 ul{
list-style:none;
text-indent:-9999px;
}
div#passion8 ul li{
display:block;
width:60px;
height:225px;
float:left;
margin-right:5px;
}
div#passion8 ul li a{
display:block;
width:60px;
height:225px;
background-position:left top;
background-repeat:no-repeat;
}

div#passion8 ul li.p01 a{ background-image:url(http://www.amou-dental.com/img/index/li-01.jpg); }
div#passion8 ul li.p02 a{ background-image:url(http://www.amou-dental.com/img/index/li-02.jpg); }
div#passion8 ul li.p03 a{ background-image:url(http://www.amou-dental.com/img/index/li-03.jpg); }
div#passion8 ul li.p04 a{ background-image:url(http://www.amou-dental.com/img/index/li-04.jpg); }
div#passion8 ul li.p05 a{ background-image:url(http://www.amou-dental.com/img/index/li-05.jpg); }
div#passion8 ul li.p06 a{ background-image:url(http://www.amou-dental.com/img/index/li-06.jpg); }
div#passion8 ul li.p07 a{ background-image:url(http://www.amou-dental.com/img/index/li-07.jpg); }
div#passion8 ul li.p08 a{ background-image:url(http://www.amou-dental.com/img/index/li-08.jpg); }

div#passion8 ul li.p01 a:hover{ background-image:url(http://www.amou-dental.com/img/index/li-01_hover.jpg); }
div#passion8 ul li.p02 a:hover{ background-image:url(http://www.amou-dental.com/img/index/li-02_hover.jpg); }
div#passion8 ul li.p03 a:hover{ background-image:url(http://www.amou-dental.com/img/index/li-03_hover.jpg); }
div#passion8 ul li.p04 a:hover{ background-image:url(http://www.amou-dental.com/img/index/li-04_hover.jpg); }
div#passion8 ul li.p05 a:hover{ background-image:url(http://www.amou-dental.com/img/index/li-05_hover.jpg); }
div#passion8 ul li.p06 a:hover{ background-image:url(http://www.amou-dental.com/img/index/li-06_hover.jpg); }
div#passion8 ul li.p07 a:hover{ background-image:url(http://www.amou-dental.com/img/index/li-07_hover.jpg); }
div#passion8 ul li.p08 a:hover{ background-image:url(http://www.amou-dental.com/img/index/li-08_hover.jpg); }

/* --- TOPページ新着情報・QR部分 --- */
div#indexbox01{
width:550px;
height:169px;
margin:0px auto;
}
div.indexbox01-l{
width:280px;
height:169px;
background-image:url(http://www.amou-dental.com/img/index/indexbox01-l_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
float:left;
position:relative;
}
div.indexbox01-l ul{
display:block;
width:250px;
list-style:none;
position:absolute;
top:40px;
left:15px;
}
div.indexbox01-l ul li{
padding-top:4px;
padding-bottom:4px;
border-bottom:1px dashed #cccccc;
}
div.indexbox01-r{
width:256px;
height:169px;
float:right;
}
/* --- 診療時間部分 --- */
div#indexbox02{
width:550px;
height:400px;
margin:0px auto;
}
div.indexbox02-l{
width:356px;
height:138px;
float:left;
display:block;
}


/* --- 各コンテンツ部分の共通フッター --- */
#footermap{
width:560px;
height:260px;
background-image:url(http://www.amou-dental.com/img/common/footer_map_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
position:relative;
}
.map-text{
width:255px;
height:204px;
position:absolute;
top:20px;
right:10px;
}
.map-text span.title{
display:block;
width:100%;
color:#ff9900;
font-size:16px;
font-weight:bold;
padding-bottom:6px;
border-bottom:1px dashed #cccccc;
width:240px;
text-indent:10px;
}
.map-text table tr th{padding:4px;color:#e98f03;}
.map-text table tr td{padding:1px;}

span.mapbutton{
display:block;
width:138px;
height:36px;
position:absolute;
right:5px;
bottom:5px;
}


/************************************************
*	 Sidebar 				* 
************************************************/

div#sub a{
text-decoration: none;
color:#F4A000;
}

div#sub a:hover{
text-decoration: underline;
color:#666666;
}

div.sub-inner {
width:210px;
margin:0px auto;
}

div#dental-menu{
width:210px;
height:410px;
background-image:url(http://www.amou-dental.com/img/common/dental-menu_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
padding-top:60px;
}

div#dental-menu ul{
list-style:none;
}

div#dental-menu ul li{
font-size:12px;
display:block;
width:180px;
height:43px;
margin:0px auto;
}

div#dental-menu ul li a{
color:#363636;
text-decoration:none;
display:block;
width:180px;
height:43px;
background-image:url(http://www.amou-dental.com/img/common/icon_topcategory.gif);
background-position:left top;
background-repeat:no-repeat;
line-height:43px;
text-indent:30px;
}

div#dental-menu ul li a:hover{
color:#F4A000;
text-decoration:none;
}

/* サイドバー段落 */
div#sub p{
line-height: 20px;
margin: 0;
padding-top: 3px;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}

/* --
commonfooter
--------------------------------------------- */
#commonfooter img{
margin-bottom:20px;
}
/* サイドバー追加項目カレンダー設定 */
div.indexbox02-r{
width:182px;
height:162px;
float:right;
margin-right:11px;

}
div.indexbox02-r iframe{
border:none;
width:180px;
height:160px;
}
/************************************************
*	Footer  									*
************************************************/
/* 文責 */
div#footer address {
padding-top: 20px;
padding-bottom: 20px;
font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
font-size: 80%;
font-weight: bold;
color:#b5b5b5;
}
/* 段落 */
div#footer a {
font-size: 80%;
}

div#footer ul{
list-style:none;
position:relative;
left:40px;
}
div#footer ul li{
display:block;
float:left;
}
div#footer ul li a{
color:#22AC38;
text-decoration:none;
}
div#footer ul li a:hover{
color:#ffffff;
text-decoration:none;
}
/************************************************
*	toppage　map  									*
************************************************/
/* トップページのマップ設定 */

div#topmap{
display:block;
width:550px;
height:138px;
margin-bottom:11px;}

/************************************************
*	h4 adjust 									*
************************************************/
/* h4二行分調整設定 */
h3.adjust{
margin-top:20px;
}
div#main h4.adjust{
width:540px;
height:48px;
font-size:14px;
font-weight:bold;
line-height:24px;
text-indent:30px;
margin:10px 20px 10px 0px;
background-image:url(http://www.amou-dental.com/img/common/h4.gif);
background-position:left top;
background-repeat:no-repeat;
color:#ff9900;
border-bottom:1px solid #cccccc;
}
.pl-20{
padding-left:30px;
}
/************************************************
*	psb empty box 									*
************************************************/
/* psbページの準備空ボックス設定 */

div#psbContent
{display:block;
width:550px;
height:138px;
margin-bottom:0px;
}
/************************************************
*	top infolink 									*
************************************************/
/* トップページ診療時間リンクボタン設定 */


div#infoLink
{display:;
width:px;
height:px;
margin-top:25px;
}