div#shadow{width:960px;}
div#contents{background:url(./images/edge_top960.png) no-repeat top #E88725;}
table.mailform textarea {width:600px;}

@media all and (min-width: 1200px){
	div#shadow{width:1200px;}
	div#contents{background:url(images/edge_top1200.png) no-repeat top #E88725;}
	table.mailform textarea {width:800px;}
	div.trainwidth{width:139px;}
	div.trainwidthWork{	width:810px;}
	div.trainwidthIntro{width:660px;}
	div.trainwidthAccess{width:520px;}
	div.trainwidthCost{width:400px;}
	div.trainwidthMessage{width:0px;}
}
@media all and (min-width: 1000px) and (max-width: 1199px){
	div#shadow{width:960px;}
	div#contents{background:url(images/edge_top960.png) no-repeat top #E88725;}
	table.mailform textarea {width:600px;}
	div.trainwidth{width:139px;}
	div.trainwidthWork{	width:690px;}
	div.trainwidthIntro{width:540px;}
	div.trainwidthAccess{width:400px;}
	div.trainwidthCost{width:280px;}
	div.trainwidthMessage{width:0px;}
}
@media all and (max-width: 999px){
	div#shadow{width:750px;}
	div#contents{background:url(images/edge_top750.png) no-repeat top #E88725;}
	table.mailform textarea {width:320px;}
	div.trainwidth{width:139px;}
	div.trainwidthWork{	width:590px;}
	div.trainwidthIntro{width:440px;}
	div.trainwidthAccess{width:300px;}
	div.trainwidthCost{width:180px;}
	div.trainwidthMessage{width:0px;}
}

@media all and (max-width: 639px){
	div#shadow{width:710px;overflow:hidden;}
	div#contents > div {margin:0 20px!important;}
	div#nav_menu ul {width:710px!important;}
	div#nav_menu ul li:first-child {margin-left:36px!important;}
	div#header_box {margin-left:-20px;}
	div#nav_train img {margin-left:20px!important;}
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*ﾂ･*/display:block;/**/
}

@font-face {
  font-family: 'MochiyPopOne-OTF-ExtraBold';
  src: url('font/MochiyPopOne-OTF-ExtraBold.otf') format('opentype');
}

p
{
	margin:10px 0;
	clear:both;
}

html
{
	margin:0;
	padding:0;
}

body
{
	background: url("./images/bg.png") repeat;
	margin:0;
	padding:0;
}

div#shadow
{
	margin:0 auto;
	box-shadow:1px 1px 10px rgba(153, 153, 153, 0.6);
	background:#E88725;
}

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

div#header_bg
{
	height:165px;
	position:absolute;
	z-index:1;
	width:100%;
	background:#fff;
}

div#header_bg div
{
	height:165px;
	width:100%;
	position:absolute;
}


/*** Time1 昼***/
div.header_time1 div#header {background:url("./images/header1200_day.png") no-repeat top center;}
div.header_time1 div.header_bg_yozora {opacity:0; filter:alpha(opacity=0)}
div.header_time1 div.header_bg_aozora {opacity:1; filter:alpha(opacity=100)}
div.header_time1 div.header_bg_yuyake {opacity:0; filter:alpha(opacity=0)}
div.header_time1 div.header_bg_hoshi {opacity:0; filter:alpha(opacity=0)}
div.header_time1 h1 a {color:#42210B;}

/*** Time2 夕焼け1***/
div.header_time2 div#header {background:url("./images/header1200_day.png") no-repeat top center;}
div.header_time2 div.header_bg_yozora {opacity:0; filter:alpha(opacity=0);}
div.header_time2 div.header_bg_aozora {opacity:0.3; filter:alpha(opacity=30)}
div.header_time2 div.header_bg_yuyake {opacity:0.4; filter:alpha(opacity=40)}
div.header_time2 div.header_bg_hoshi  {opacity:0; filter:alpha(opacity=0);}
div.header_time2 h1 a {color:#42210B;}

/*** Time3 夕焼け2***/
div.header_time3 div#header {background:url("./images/header1200_day.png") no-repeat top center;}
div.header_time3 div.header_bg_yozora {opacity:0.3; filter:alpha(opacity=30)}
div.header_time3 div.header_bg_aozora {opacity:0.2; filter:alpha(opacity=20)}
div.header_time3 div.header_bg_yuyake {opacity:1.0; filter:alpha(opacity=100)}
div.header_time3 div.header_bg_hoshi  {opacity:0; filter:alpha(opacity=0)}
div.header_time3 h1 a {color:#42210B;}

/*** Time4 夕焼け3***/
div.header_time4 div#header {background:url("./images/header1200_night.png") no-repeat top center;}
div.header_time4 div.header_bg_yozora {opacity:1.0; filter:alpha(opacity=100)}
div.header_time4 div.header_bg_aozora {opacity:0; filter:alpha(opacity=0)}
div.header_time4 div.header_bg_yuyake {opacity:0.8; filter:alpha(opacity=80)}
div.header_time4 div.header_bg_hoshi  {opacity:0.3; filter:alpha(opacity=30)}
div.header_time4 h1 a {color:#fff;}

/*** Time5 夜空***/
div.header_time5 div#header {background:url("./images/header1200_night.png") no-repeat top center;}
div.header_time5 div.header_bg_yozora {opacity:1.0; filter:alpha(opacity=100)}
div.header_time5 div.header_bg_aozora {opacity:0; filter:alpha(opacity=0)}
div.header_time5 div.header_bg_yuyake {opacity:0; filter:alpha(opacity=0)}
div.header_time5 div.header_bg_hoshi  {opacity:1.0; filter:alpha(opacity=100)}
div.header_time5 h1 a {color:#fff;}

/*** Time6 夜明け***/
div.header_time6 div#header {background:url("./images/header1200_night.png") no-repeat top center;}
div.header_time6 div.header_bg_yozora {opacity:0.2; filter:alpha(opacity=20)}
div.header_time6 div.header_bg_aozora {opacity:0.6; filter:alpha(opacity=60)}
div.header_time6 div.header_bg_yuyake {opacity:0.8; filter:alpha(opacity=80)}
div.header_time6 div.header_bg_hoshi  {opacity:0.3; filter:alpha(opacity=30)}
div.header_time6 h1 a {color:#42210B;}

div.header_bg_yozora{background:url(images/header_yozora.png) repeat-x; z-index:2;}
div.header_bg_aozora{background:url(images/header_aozora.png) repeat-x; z-index:3;}
div.header_bg_yuyake{background:url(images/header_yuyake.png) repeat-x; z-index:4;}
div.header_bg_hoshi {background:url(images/header_hoshi.png) repeat-x top center; z-index:5;}

div#header_box
{
	height:165px;
	position:relative;
}

div#header
{
	margin: 0 auto;
	height:165px;
	position:absolute;
	width:100%;
	z-index:6;
}

div#header div
{
	width:750px;
	margin:0 auto;
	position:relative;
}

div#header div h1
{
	position:absolute;
	top:10px;
	left:120px;
	text-align:center;
}

div#header div h1 a
{
	font-size:20pt;
	font-weight:bold;
	line-height:150%;
	display:inline-block;
	font-family: "MochiyPopOne-OTF-ExtraBold","HG創英角ﾎﾟｯﾌﾟ体",sans-serif;
	text-decoration:none;
}

div.HeaderPrint
{
	margin: auto auto 0px auto;
	min-height: 160px; 
	background-color: #ffffff;
}

a:link.header, a:visited.header
{
	color: #42210B; 
}

a:hover.header, a:active.header
{
	color: #42210B; 
}

img#bat
{
	position:absolute;
	top:60px;
	left:625px;
	width:97px;
	height:61px;
	border-style:none;
}

/********** navi **********/

div#nav
{
	height:60px; 
	position:relative;
	padding:0 0 25px 0;
	width:100%;
}

div#nav_menu
{
	position:absolute;
	width:100%;
	background:url(images/tunnel.svg) no-repeat bottom center;
	z-index:19;
	height:60px;
}

div#nav_menu ul
{
	margin:0 auto;
	padding:0;
	z-index:20;
	width:750px;
	height:58px;
	border-top:1px solid #E88725;
	border-bottom:1px solid #E88725;
}

div#nav_menu ul li
{
	float:left;
	list-style:none;
}

div#nav_menu ul li a
{
	display:block;
	margin-top: 15px;
	padding: 13px 0 15px 0;
	text-align: center;
	font-family: "MochiyPopOne-OTF-ExtraBold","HG創英角ﾎﾟｯﾌﾟ体"; 
	font-size:16px;
	color: #42210B;
	text-decoration:none;
	z-index:12;
	line-height:1;
}

div#nav_menu ul li:first-child
{
	margin-left:56px;
}

li.header_nav_3 a{width:109px;}
li.header_nav_3 a:hover{background:url(images/light3.png) no-repeat -2px 2px;}
li.header_nav_4 a{width:128px;}
li.header_nav_4 a:hover{background:url(images/light4.png) no-repeat -4px 2px;}
li.header_nav_5 a{width:146px;}
li.header_nav_5 a:hover{background:url(images/light5.png) no-repeat -4px 2px;}

div#nav_train
{
	position:absolute;
	z-index:10;
	background:white;
	margin;0 auto;
	height:59px;
	width:100%;
}

div#nav_train img
{
	margin:20px 0 0 0;
}




/********** contents **********/

div#contents
{
	position:relative;
	padding:50px 0 0 0;
	margin:0 0 30px 0;
}

div#contents > div
{
	padding:0 0 15px 30px;
	margin:0 40px;
	background:url(images/edge_left.png) repeat-y left top #E88725;
	z-index:25;
	position:relative;
}

div#contents > div > div
{
	padding:0 30px 0 0;
	background:url(images/edge_right.png) repeat-y right top;
	z-index:30;
}

div#main
{
	padding:0 20px 220px;
	background:white;
	text-align:left;
	color:#333;
	z-index:35;
}

div#main h2
{
	padding:0 0 11px 0;
	border-bottom:1px dashed #594233;
	margin:0 0 20px 0;
	width:100%;
	font-size:17px;
	color:#594233;
}

div#main h3
{
	margin:0px;
	padding: 5px;
	color: #665555;
	font-size: 14px; 
	font-weight: bold;
	display: block;
	background-color:#F7E07F;
	width:auto;
	clear:both;
}

/*p(本文)の指定 workページのみ*/
p.work
{
	font-size: 15px;
	line-height: 140%;
	-webkit-margin-before: 0.5em;
	-webkit-margin-after: 2em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	text-align:justify;
	text-justify:inter-ideograph;
}

div.work
{
	font-size:15px;
	line-height:140%;
	text-align:justify;
	margin:15px 0 15px 10px;
}

a.NavWork
{
	display: inline-block; 
	font-family: "MS Pゴシック"; 
	font-weight: bold;
	text-decoration:underline; 
	font-size: 15px;
}

h4.WorkAdvice
{
	margin-bottom:0px;
	color: #aa7845;
	font-size: 14px; 
	font-weight: bold;
}

p.back2top
{
	text-align:right;
	margin-right:5px;
}

p.back2top a
{
	font-family:"MS Pゴシック";
	font-weight:bold;
	text-decoration:underline;
	font-size:15px;
}

div.work p
{
	margin:2px 0;
	padding:0;
}

div.work ul
{
	margin:0;
	padding:5px 0 20px 10px;
}

div.work ul li
{
	list-style:none;
}

div.intro_info
{
	margin:15px 0;
}

div.intro_info table
{
	float:left;
	margin:0 0 0 10px;
}

div.intro_info table tr th
{
	font-weight:normal;
	padding:0 10px 0 0;
	vertical-align:top;
	font-size:16px;
}

div.intro_info table tr td
{
	vertical-align:top;
	font-size:16px;
}

div.intro_info > div
{
	width:150px;
	float:right;
}

div.intro_info > div img
{
	width:150px;
}

div.intro_info > div p
{
	font-size:12px;
	margin:0 5px 0 0;
	text-align:right;
}

div.intro_lawyer
{
	margin:15px 0;
}

td.intro_lawyer_photo
{
	padding:0 15px 0 0;
	vertical-align:top;
}

td.intro_lawyer_photo img
{
	width:150px;
}

td.intro_lawyer_text
{
	vertical-align:top;
	padding:8px 0 0 0;
}

td.intro_lawyer_text div p
{
	margin:0 0 5px 0;
	text-align:justify;
	line-height:20px;
	font-size:16px;
}
p.intro_lawyer_name
{
	font-size:14px;
	font-weight:bold;
	text-align:right;
	margin:15px 0 5px;
}

p.intro_lawyer_2message
{
	text-align:right;
	margin:0;
}

p.intro_lawyer_2message a
{
	color:#555;
	font-size:13px;
}

div.access_map
{
	width:492px;
	margin:0 auto;
}

table.access_info
{
	border:2px solid #56360F;
	border-collapse:collapse;
	background:#FFDA6C;
	margin:10px auto;
}

table.access_info tr td
{
	padding:0;
}

td.access_info_way table
{
	border-collapse:collapse;
	margin:-2px 0 -1px -2px;
}

td.access_info_way table tr th
{
	vertical-align:top;
	border:1px dashed #56360F;
	padding:8px;
	font-size:15px;
	line-height140%;
	white-space:nowrap;
}

td.access_info_way table tr td
{
	padding:8px;
	border:1px dashed #56360F;
	font-size:15px;
	line-height:140%;
}

td.access_info_photo
{
	width:170px;
}

td.access_info_photo img
{
	box-shadow:2px 2px 7px rgba(153, 153, 153, 0.3);
	width:150px;
	margin:10px;
}

p.access_2print
{
	text-align:center;
}

div.cost
{
	font-size: 15px;
	line-height: 140%;
	text-align:justify;
	margin:15px 0 15px 10px;
}


div.cost p
{
	margin:2px 0;
	padding:0;
}

div.cost ol
{
	margin:0;
	padding:5px 0 5px 0;
}

div.cost ol > li
{
	list-style:none;
}

div.cost > ul
{
	margin:0;
	padding:5px 0;
}

div.cost ul li
{
	list-style:none;
}

div.cost ol > li > ul
{
	padding-left:20px;
	margin:5px 0;
}

div.cost ol > li > ul > li > ul
{
	padding-left:20px;
	margin:3px 0;
}

div.cost ol > li > span
{
	margin:5px 0 5px 20px;
	display:block;
}

div.cost ol > li > ul > li > span
{
	margin:3px 0 3px 20px;
	display:block;
}

div.cost ul > li > span
{
	margin:3px 0 3px 20px;
	display:block;
}

/********** footer *********/

div#footer
{
	height:200px;
	z-index:35;
	box-shadow:0 1px 0 rgba(153, 153, 153, 0.6);
	margin:-200px -65px -20px;
	position:relative;
}

div.footer_bg
{
	background:url(images/edge_bottom.png) repeat-x bottom left;
	position:relative;
	width:100%;
	height:70px;
	top:130px;
	z-index:40;
	
}

div.footer_dragon_out
{
	position:absolute;
	top:35px;
	right:95px;
	width:180px;
	height:180px;
	background:url(images/dragon_out.png) no-repeat;
	z-index:45;
}

div.footer_dragon_in
{
	position:absolute;
	top:119px;
	right:137px;
	z-index:5;
	width:36px;
	height:38px;
	background:url(images/dragon_in.png) no-repeat;
	z-index:38;
}

div.footer_dragon_child
{
	position:relative;
	margin-top:-45px;
	bottom:-50px;
	left:320px;
	width:230px;
	height:177px;
	background:url(images/dragon_child.png) no-repeat;
}

img.footer_mogura
{
	position:absolute;
	left:108px;
	top:114px;
	z-index:44;
}

img.footer_toy_out
{
	display:inline;
	position:absolute;
	top:104px;
	left:158px;
	z-index:43;
	border:0;
}

img.footer_toy_hidden
{
	display:none;
}

table.message_papercraft
{
	width:100%;
}

td.message_papercraft_photo
{
	width:160px;
	padding-left:25px;
	vertical-align:middle;
}

div.message_photolist
{
	margin:25px 0 0 0;
}

div.message_photolist img
{
	float:left;
	margin:0 20px 20px 0;
	width:192px;
	padding:5px;
	border:1px solid grey;
	box-shadow:5px 5px 3px lightgrey;
}

table.message_doorplate
{
	width:100%;
}

td.message_doorplate_photo
{
	margin:0 20px 0px 20;
	width:160px;
	padding:5px;
	border:1px solid grey;
	box-shadow:5px 5px 3px lightgrey;
}

/********** mailform *********/

form
{
	margin:0;
	padding:0;
}

table.mailform
{
	font-size:16px;
	margin:0 15px;
}

table.mailform tr th
{
	padding-right:10px;
	white-space:nowrap;
}

div.chu
{
	color:red;
}

div.submit
{
	text-align:center;
	margin:15px 0 0 0;
}

/********** access_print *********/

body.access_print
{
	background:none;
}

h1.access_print_h1
{
	display: inline-block;
	margin: 0px 0px 0px;
	padding: 0px 0px 5px;
	color: #594233;
	font-size: 17px; 
	font-weight: bold;
}

div.access_print_main
{
	margin:50px auto 0 auto;
	min-height:160px;
	width:590px;
}

img.access_print_map
{
	border:2px solid #56360F;
	padding:10px 50px;
}

colgroup.access_print_colum1
{
	background-color:#FFDA6C;
}

colgroup.access_print_colum2
{
	background-color:#FFF;
	white-space:nowrap;
}

table.access
{
	border-collapse:collapse;
	min-width:590px;
	border:2px solid #56360F;
}

table.access td
{
	padding:10px 5px 0px 10px;
	min-width:40px;
	font-size:15px;
	line-height:140%;
	border:1px dashed #56360F;
}

body.access_print hr
{	
	border-width: 1px;
	border-style: dashed;
	border-color:#594233;
	margin:5px 0px 20px;
}

div.access_print_table_caption
{
	text-align:right;
	font-size:12px;
}

access_print_table_photo
{
	width:150;
	height:204;
	text-align:center;
}

access_print_table_icon
{
	width:70;
	height:25;
	text-align:center;
}