@charset "UTF-8";

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

body {
	color:#333;
}

/* ~~ エレメント / タグセレクター ~~ */

h1, h2, h3, h4, h5, h6, p {
	padding-right: 0;
	padding-left: 40px;
	font: 100%/1.4  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
a img { 
	border: none;
}
a:link {
	color: #333;
	text-decoration: none; 
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.container {
	width: 950px;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	background:url(../image/base_image.jpg) no-repeat left top;
}
header {
}
.sidebar1 {
	float: left;
	width: 240px;
	padding-bottom: 10px;
	display:inline;
}
.content {
	padding: 36px 0 0;
	width: 680px;
	float: right;
	min-height:520px;
	height:520px;
	display:inline;
}

.container .content section.top p {
	font-size:17px;
	line-height:36px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:1px;
}

.container .content section.company{
	background:url(../image/company_back.jpg) center right no-repeat;
	height:277px;
}
.container .content section.company table{
	height:277px;
}

.container{
	

    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); /* FF3.5+ */ 
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); /* Saf3.0+, Chrome */ 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); /* Opera 10.5, IE 9.0 */ 
}

#contact .container .content section.contactUs  table tr,
#contact_confirm .container .content section.contactUs  table tr {
	height:30px;
}

#contact .container .content section.contactUs  table tr td,
#contact_confirm .container .content section.contactUs  table tr td {
	width:286px;
}

.container .content .company table tr th {
	width: 100px;
	vertical-align: top;
	font: 100%/1.4  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.container .content .company table tr td {
	vertical-align: top;
	font: 100%/1.4  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px;
}

.sidebar1 nav ul {
	padding:44px 0 0 101px;
	list-style: none; /* リストのマーカーを削除します。 */
	margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}
.sidebar1 nav ul li {
	margin-bottom:23px;
	padding-left:10px;
	font: 100%/1.4  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
.sidebar1 nav ul a, .sidebar1 nav ul a:visited { 
	padding:0 0 0 25px;
	display: table-cell;
	text-decoration: none;
	vertical-align:middle;
	background:url(../image/menu2_back.png) no-repeat 0 0;
	height:27px;
	width:134px;
	letter-spacing:1px;
	display:block\9;
}
.sidebar1 nav ul a:hover, .sidebar1 nav ul a:active, .sidebar1 nav ul a:focus { 
	color: #666;
	background-position:0 100%;
}


.container .content section.contactUs  table tr th,
.container .content section.contactUs  table tr td {
	padding: 4px;
	display:table-cell;
}

.container .content section.contactUs  table tr th {
	white-space: nowrap;
	color:#666;
	text-indent:25px;
	font: 100%/1.4  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.container .content section.contactUs  table {
	width: 479px;
	background-color:#FFFFBB;
	margin:0 auto;

}

.container .content section.contactUs  table .caption {
	text-align:center;
	background-color:#0060B6;
	color:#FFF;
	height:31px;
	font: 100%/1.4  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	border-bottom:12px solid #FFFFBB;
	text-indent:0;
}

.container .content section.contactUs  table tr td input,
.container .content section.contactUs  table tr td textarea{
	border:solid #666 1px;
}

.container .content .contactUs  .button {
	text-align:right;
	padding:12px;
}

#contact_confirm .container .content .contactUs form input.button,
.container .content .contactUs  .button input{
	width:100px;
	padding:5px;
}

#contact_confirm .container .content .contactUs form input.button{
	text-align:center;
	margin-left:5px;
}


#contact_confirm .container .content .contactUs form {
	display:inline;
	float:right;
}

.container .content .contactUs .error{
	color:red;	
}

#contact_end .container .content .contactUs p,
#contact_end .container .content .contactUs .center {
	text-align:center;
	font-weight:bold;
	padding:5px;
}



header h1{
	display:block;
	height:125px;
	padding-top:40px;
}

header h1 a{
	display:block;
	text-indent:-99999px;
	margin:0 0 0 80px;
	width:250px;
	height:90px;
}

header nav{
	background:url(../image/bar_back_right.png) no-repeat top right;
}

header nav ul {
	list-style: none; 
	height:29px;
	padding:0 76px 0 0;
	background:url(../image/bar_back.png) no-repeat top left;
}

header nav ul li {
	width:162px;
	text-align:center;
    float:right;
	font-size:14px;
	height:29px;
	background:url(../image/button_back.png) no-repeat 0 0;
	font: 100%/1.4  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
header nav ul li a{
	width:162px;
	display: table-cell;
	vertical-align:middle;
	display:inline\9;
	zoom:1\9;
}

header nav ul li:hover {
	background-position:bottom center;
}
header nav ul li a:hover {
	color:#FFFFFF;
}

header nav ul li div.vertical div{
	display:table-cell;
	vertical-align:middle;
	display:inline\9;
	zoom:1\9;
}
header nav ul li .vertical2{
	height:29px;
}


/* ~~ フッター ~~ */
footer {
	position: relative;
	clear: both; 
}

/*HTML 5 サポート*/
header, section, footer, aside, nav, article, figure {
	display: block;
}