.content { width:818px !important; }

/*------------------------------ letter / start -----*/
p#head_tel{ margin-left:326px; }

#letter-contents {
	width:899px;
	margin:0 0 10px 183px;
	background:url(../p_letter/images/letter-middle.gif) repeat-y #fff;
	}
	
#letter-contents p#top_ico a#nagoya { left:350px; }
#letter-contents p#top_ico a#kobe { left:511px; }
#letter-contents p#top_ico a#fukuoka { left:658px; }
#letter-contents p#top_ico a#kyoto { left:811px; }
	
#letter-contents .navi,
#letter-contents .navi-f {
	margin:0;
	padding:0 0 0 40px;
	font-size:11px;
	color:#fff
	}
#letter-contents .navi a,
#letter-contents .navi-f a {
	line-height:20px;
	font-weight:bold;
	font-size:11px;
	color:#fff
	}
#letter-contents .navi { background:url(../p_letter/images/letter-head.gif) no-repeat left top; }
#letter-contents .navi-f { background:url(../p_letter/images/letter-foot.gif) no-repeat left bottom; }

#letter-wrapper {
	background:url(../p_letter/images/back-middle.gif) repeat-y;
	width:818px;
	margin:0 auto;
	}
#letter-wrapper p,
#letter-wrapper li,
#letter-wrapper dt,
#letter-wrapper th,
#letter-wrapper td { font-size:92%; }	
#letter-wrapper h4 { font-size:100%; }

#letter-wrapper p,
#letter-wrapper h2,
#letter-wrapper h3,
#letter-wrapper h4 {
	margin:0;
	padding:0;
	}

#letter-wrapper h3 { background:none !important; }
	
#letter-wrapper .box1 {
	background:url(../p_letter/images/back-head.gif) no-repeat left top;
	padding-top:13px;
	width:818px;
	}
#letter-wrapper .box1-in {
	border-bottom:1px dotted #e1e1e1;
	margin:0 5px;
	padding:0 5px 10px 15px;
	}
#letter-wrapper .box1-in p {
	float:left;
	padding-top:10px;
	width:505px
	}
#letter-wrapper .box1-in div {
	float:right;
	width:253px;
	}
	
#letter-wrapper .box2 {
	background:url(../p_letter/images/back-in.gif) repeat-x;
	border-bottom:1px dotted #e1e1e1;
	margin:0 5px;
	padding:0 35px 30px;
	}
#letter-wrapper .box2-in {
	background-color:#eeeeee;
	padding:15px;
	margin-top:20px;
	}
#letter-wrapper .box2-in .text1 {
	background:url(../p_letter/images/icon-sikaku.gif) no-repeat left 3px;
	font-weight:bold;
	padding-left:20px;
	}
#letter-wrapper .box2-in .text2 { margin-top:10px; }
#letter-wrapper .box2-in .text3 { margin-top:15px; }
	
#letter-wrapper .box3 {
	border-bottom:1px dotted #e1e1e1;
	margin:0 5px;
	padding:30px 35px;
	}
#letter-wrapper .box4 {
	background:url(images/back-foot.gif) no-repeat left bottom;
	padding:30px 40px;
	}
#letter-wrapper .box3 .text,
#letter-wrapper .box4 .text {
	float:left;
	padding-top:5px;
	width:305px;
	}
#letter-wrapper .box3 .text p,
#letter-wrapper .box4 .text p { padding-left:15px; }
#letter-wrapper .box3 .text .p1,
#letter-wrapper .box4 .text .p1 { padding-top:5px; }
#letter-wrapper .box3 .text .p2,
#letter-wrapper .box4 .text .p2 { padding-top:7px; font-weight:bold; }
#letter-wrapper .box3 .text .p3 span,
#letter-wrapper .box4 .text .p3 span { font-weight:bold; }
#letter-wrapper .box3 .btn,
#letter-wrapper .box4 .btn {
	float:right;
	width:433px;
	}	
#letter-wrapper .box3 .list1 {
	list-style:none;
	margin:30px 0 0 0;
	}
#letter-wrapper .box3 .list1 li {
	font-size:77%;
	margin:0 0 0 auto;
	width:47em;
	}
#letter-wrapper .box3 .list2 {
	list-style:none;
	margin:10px 0 0;
	}
#letter-wrapper .box3 .list2 span {
	width:1.5em;
	margin:0 0 0 -1.5em;
	}
#letter-wrapper .box3 .list2 li {
	margin:3px 0 0 1.5em;
	font-size:77%;
	}
#letter-wrapper .box3-in {
	border:1px solid #d7d7d7;
	padding:25px 20px;
	margin-top:50px;
	}
#letter-wrapper .box3-in p { font-weight:bold; }
#letter-wrapper .box3-in ul {
	list-style: decimal;
	margin:5px 0 0 1.5em;
	}

#letter-wrapper .box3 .title1 {
	font-weight:bold;
	margin-top:40px;
	padding:5px 10px 4px;
	background:#e4e4e4 url(images/title-uline.gif) no-repeat left bottom;
	}
#letter-wrapper .box3 .para1 { margin-top:5px; }
#letter-wrapper .box3 .para2 { margin-top:10px; font-size:77%; }

#letter-wrapper .box3-in2 { margin-top:5px; }
#letter-wrapper .box3-in2 .img { float:left; width:538px; }
#letter-wrapper .box3-in2 .text { float:right; width:180px; }

#letter-wrapper .box3-in3 {
	background-color:#eeeeee;
	padding:20px 15px;
	margin-top:35px;
	}
#letter-wrapper .box3-in3 .text1 {
	font-weight:bold;
	font-size:100%;
	}
#letter-wrapper .box3-in3 .text2 { margin-top:5px; }
#letter-wrapper .box3-in3 .text3 { margin-top:10px; }
#letter-wrapper .box3-in3 .text3 a {
	background:url(images/icon-link1.gif) no-repeat left 4px;
	display:inline-block;
	padding-left:12px;
	}

#letter-wrapper .slide { margin:20px 0 0 0; }
#letter-wrapper .slide dt {
	background:url(images/title-uline2.gif) no-repeat left bottom;
	padding:0 0 7px 10px;
	}
#letter-wrapper .slide dt span {
	background:url(images/btn-slide.gif) no-repeat right top;
	display:inline-block;
	min-height:21px;
	height:auto !important;
	height:21px;
	padding:3px 50px 0 0;
	color:#0000ee;
	text-decoration:underline;
	font-weight:bold;
	}
#letter-wrapper .slide dd {
	background:url(images/back-in2.gif) repeat-y;
	margin:0;
	}
#letter-wrapper div.slide { background:url(images/back-in2.gif) repeat-y; }
#letter-wrapper div.slide .slide-in { background:url(images/title-uline2.gif) no-repeat left top; }
#letter-wrapper .stitle1 {
	font-weight:bold;
	padding:20px 15px 0;
	}
#letter-wrapper .stitle2 {
	font-weight:bold;
	margin:20px 15px 0;
	background:url(images/icon-sikaku.gif) no-repeat left 3px;
	padding-left:20px;
	}
#letter-wrapper .spara1 { padding:5px 15px 0; }
#letter-wrapper .spara2 { padding:20px 15px 0; }
#letter-wrapper .spara3 {
	font-weight:bold;
	padding:15px 15px 0;
	}
#letter-wrapper .spara4 { padding:20px 15px 0; font-size:77%; }
#letter-wrapper .sbox1 {
	background-color:#eeeeee;
	margin:10px 15px 0;
	padding-bottom:15px;
	}
#letter-wrapper .sbox2 { width:738px; }
#letter-wrapper .sbox3 {
	margin:35px auto 0;
	width:540px;
	}
#letter-wrapper .sbox3 .p1 {
	font-weight:bold;
	text-align:center;
	padding-bottom:3px;
	}	
#letter-wrapper .sbox3 .p2 {
	font-weight:bold;
	text-align:right;
	font-size:85%;
	padding-top:3px;
	}

#letter-wrapper .stext {
	float:left;
	width:555px;
	}
#letter-wrapper .simg {
	float:right;
	width:183px;
	}
#letter-wrapper .simg img { padding-top:20px; }

#letter-wrapper .slist1 {
	list-style:none;
	margin:20px 15px 0;
	}
#letter-wrapper .slist1 span {
	display:inline-block;
	width:2.2em;
	margin:0 0 0 -2.2em;
	}
#letter-wrapper .slist1 li {
	margin:3px 0 0 2.2em;
	font-size:77%;
	}

#letter-wrapper .slist2 {
	list-style:none;
	margin:5px 15px 0;
	}
#letter-wrapper .slist2 span {
	margin:0 0.2em 0 -0.8em;
	}
#letter-wrapper .slist2 li {
	margin:3px 0 0 1em;
	}

#letter-wrapper .simg1 { margin-top:30px; }
#letter-wrapper .sbtn1 {
	background:url(images/back-in3.gif) no-repeat left top;
	width:738px;
	height:85px;
	margin-top:20px;
	}
#letter-wrapper .sbtn1 a {
	display:block;
	width:283px;
	margin:0 auto;
	padding-top:8px;
	}
#letter-wrapper .atte {
	font-size:86%;
	}


#letter-footer {
	width:778px;
	margin:30px auto 20px;
	}
#letter-footer p,
#letter-footer li {
	font-size:85%;
	margin:0;
	}
#letter-footer ul {
	margin:5px 0 0 5px;
	list-style-type:none;
	}
#letter-footer li {
	float:left;
	padding-top:5px;
	width:7.5em;
	}
#letter-footer li.long {
	width:15em;
	}
#letter-footer li a {
	background:url(images/icon-link2.gif) no-repeat left 3px;
	display:inline-block;
	padding:0 10px 0 15px;
	color:#666666;
	}

#letter-footer p a:link { color: #6f6f6f; text-decoration: underline; }
#letter-footer p a:visited { color: #6f6f6f; text-decoration: underline; }
#letter-footer p a:hover { color: #6f6f6f; text-decoration: underline; }
#letter-footer p a:active { color: #6f6f6f; text-decoration: underline; }

#letter-footer li a:link { color: #6f6f6f; text-decoration: none; }
#letter-footer li a:visited { color: #6f6f6f; text-decoration: none; }
#letter-footer li a:hover { color: #6f6f6f; text-decoration: none; }
#letter-footer li a:active { color: #6f6f6f; text-decoration: none; }

div#letter_foot ul li a:hover{
text-decoration:underline;
color:#000000;
}

#letter-totop {
	width:818px;
	margin:30px auto 10px;
	text-align:right;
	}
	
a img { border:0; }
/* CSSハック01 */
.clear { clear: both; }
/* CSSハック02 */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*----- letter / end ------------------------------*/
