@charset "utf-8";

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

/*スタイルシートリセット*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-style:normal;
	font-weight:normal;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/*スタイルシートリセット、ここまで*/
/*共通項目の設定*/
body {
	height:100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', osaka, sans-serif;
	color: #333333;
	word-spacing: 0.2em;
	line-height: 1.5em;
	font-size:88%;
}

.red{
	color:red;
	}

.black{
	font-weight:bold;
	}

.clear{
	clear:both;
	}	
	
input:focus, textarea:focus{
	background:#FBE1DB;
	}	
/*共通項目の設定、ここまで*/
/*リンク関係の設定*/

nav li a, footer a, .pankuz a, .to_top a, .text01 a, .button a, .teruo td a, .text05 a, .topics a{
	text-decoration:none;
	color:#3B5998;	
	}

nav li, nav li a:hover, footer a:hover, .pankuz a:hover, .to_top a:hover, .text01 a:hover, .button a:hover, .teruo td a:hover, .text05 a:hover, .topics a:hover{
	color:#F56620;
	/*border-bottom:1px #F56620 solid; */
	}


.information td a{
	text-decoration:none;
	color:#3B5998;	
	}
.information td a:hover{
	color:#F56620;
	}

	
/*リンク関係の設定、ここまで*/	
/*ページレイアウトの設定開始*/
#wrapper{
	padding: 0px;
	width: 100%;
	margin: 0px auto;
	overflow:auto;
}


/*メインコンテンツの指定開始*/
#wrapper #main_content{
	width:930px;
	padding:0;
	margin:0px auto;
	background:url(../common/bg.jpg) repeat-y;
}

/*トップヘッダー部分ここから（一部共通項目あり）*/
#headernavi0{
	width:auto;
	height:270px;
	padding:0 ;
	margin:0 auto;
}

#flash{
position:absolute;
top:0;
}

#headernavi0 header{
	width:900px;
	padding:0;
	margin:0px auto;
}

#headernavi0 header #flash{
position:absolute;
}

#headernavi0 header .header_text{
	padding:0 0 0 10px;
	text-align:left;
	font-size:12px;
	word-spacing:2em;
	color:#FFF;
	position: relative;top:20px; z-index:2;
	margin:-20px 0 0 0;
}

#headernavi0 header h1 {
	width: 470px;
	height:50px;
	display:block;
	padding:0 0 0 10px;
	margin:-51px 0 0 0;
	line-height:100%;
	position: relative;top:81px; z-index:2;
}

#headernavi0 header ul{
	margin:-23px 0 0 0;
	float:right;	
	position: relative;top:20px; z-index:2;
}

#headernavi0 header li, #headernavi header li{
	display:inline;
	padding:0px 6px 0 8px;
	list-style-type: none;
	text-decoration:none;	
	background: url(../common/triangle.png) no-repeat left center;
	font-size:12px;
}

#headernavi0 header li a, #headernavi header li a{
	text-decoration:none;
	color:#ffffff;	
	}

#headernavi0 header ul a:hover, #headernavi header ul a:hover {
	color:#ffffff;
	border-bottom:1px #ffffff solid; 
	}
/*トップヘッダー部分ここまで*/

/*ヘッダー部分ここから*/
#headernavi{
	width:auto;
	height:100px;
	padding:0 ;
	margin:0 auto;
}

#headernavi header{
	width:900px;
	height:100px;
	padding:0;
	margin:0px auto;
	background:url(../common/header_bg.jpg) repeat-x;	
}

#headernavi header .header_text{
	padding:0 0 0 10px;
	text-align:left;
	font-size:12px;
	word-spacing:2em;
	color:#FFF;
}

#headernavi header h1 {
	width: 500px;
	height:50px;
	display:block;
	text-align: left;
	padding:10px 0 0 10px;
	margin: 0px;
}

#headernavi header ul{
	margin:-23px 0 0 0;
	float:right;	
}

/*ヘッダー部分ここまで*/


#wrapper #main_content  .content{
	width:930px;
	height:auto;
	margin:10px auto 10px auto;
	padding:0;
	text-align:left;
	}

/*左側部分の指定開始*/	
#wrapper #main_content .content .left_area{
	width:250px;
	height:auto;
	padding:0;
	margin:0;	
	float:left;
	}	
	
/*メニュー部分ここから*/
nav{
	padding:0 0 10px 30px;
	}	

nav h1{
	border-bottom:1px #333 solid;
	width:220px;
	padding:2px 0 1px 0;
}

nav ul{
	letter-spacing: 0.2em;
}

nav li{
	margin:2px 0 0 30px;
	padding:0 0 0 10px;
	list-style-type: none;
	font-weight:bold;
	border-bottom:1px #333 dotted;
	background: url(../common/triangle.png) no-repeat left center;
}
nav .list_end{
margin:2px 0 15px 30px;
padding:0 0 0 10px;
list-style-type: none;
font-weight:bold;
border-bottom:1px #333 dotted;
background: url(../common/triangle.png) no-repeat left center;
}
/*メニュー部分ここまで*/

.left_area .banner{
	width:220px;
	padding:5px 0 5px 30px;
	margin:0;	
	}	

.left_area .to_top{
	width:220px;
	padding:10px 0 11px 11px;
	margin:0;	
	background: url(../common/triangle.png) no-repeat left center;
}	
/*左側部分の指定ここまで*/	
/*右側部分の指定開始*/	
#wrapper #main_content .content .right_area{
	width:630px;
	height:auto;
	margin:0 30px 0 0;
	padding:0;
	float:right;
	}	

.right_area h1, .right_area h2, .right_area h3{
	width:620px;
	border-left: 5px #6884c6 solid;
	border-bottom:1px #333333 solid;
	margin:0 0 10px 0;
	padding:0 0 1px 5px;
	font-size:120%;
	font-weight:bold;	
	height:24px;
	}

.skill_midashi{
	width:620px;
	border-left: 5px #6884c6 solid;
	border-bottom:1px #333333 solid;
	margin:0 0 10px 0;
	padding:0 0 1px 5px;
	font-size:120%;
	font-weight:bold;	
	height:24px;
	}

.skill_details{
	width:300px;
	border-left: 5px #6884c6 solid;
	border-bottom:1px #333333 solid;
	margin:0 0 0 30px;
	padding:0 0 1px 10px;
	font-size:120%;
	font-weight:bold;	
	height:24px;
	text-align:left;
	}

.skill_edit{
	width:400px;
	border-left: 5px #6884c6 solid;
	border-bottom:1px #333333 solid;
	margin:0 0 0 125px;
	padding:0 0 1px 15px;
	font-size:120%;
	font-weight:bold;	
	height:24px;
	text-align:left;
	}

.ask{
	width:300px;
	border-left: 5px #6884c6 solid;
	border-bottom:1px #333333 solid;
	margin:0 0 0 5px;
	padding:0 0 0px 10px;
	font-size:120%;
	font-weight:bold;	
	height:24px;
	text-align:left;
	}

	

.sub_title{
	font-size:70%;
	color:#36c;
	margin:0;
	padding:0;
}


/*フッター部分ここから*/
#wrapper #main_content footer{
	width:900px;
	padding:0 ;
	margin:0px auto;
	clear:both;
	border-top:#333333 1px solid;
	}	

#wrapper #main_content footer .f_menu{
	width:870px;
	margin:0 auto;
	padding:5px 0;
	text-align:left;
	}	
	
#wrapper #main_content footer  .f_menu ul{
	margin:0;
	padding:0;
	letter-spacing: 0.2em;
}

#wrapper #main_content footer  .f_menu li{
	display:inline;
	padding:0px 0 0 8px;
	list-style-type: none;
	font-size:12px;
	text-decoration:none;
	background: url(../common/triangle.png) no-repeat left center;
}	

#wrapper #main_content address{
	width:850px;
	text-align:left;
	margin:0 auto;
	}

#wrapper #main_content address .address{
width:930px;
height:auto;
float:left;
margin:0;
padding:10px 0;
} 

*html #wrapper #main_content address .address{
width:930px;
height:auto;
float:left;
margin:0 0 0 10px;
padding:10px 0 10px 10px;
}
	

#wrapper #main_content address .address1{
	width:900px;
	height:auto;
	float:left;
	margin:0;
	padding:10px 0 0 20px;
	text-align:left;
	//border-top:#333333 1px solid;
	}	


#wrapper #main_content #footer2{
	width:900px;
	padding:0 ;
	margin:0px auto;
	border-top:#333333 1px solid;
	}

#wrapper #main_content #footer2 .copy{
	clear:both;
	width:auto;
	height:25px;
	margin:0;
	padding:10px 0;
	color:#FFFFFF;
	background:#3B5999 repeat-x 5px;
	text-align:center;
	font-size:12px;
	}	
/*フッター部分ここまで*/

/*パンくずリスト*/
.pankuz{
	width:870px;
	height:auto;
	margin:5px auto;
	padding:0 0 1px 0;
	border-bottom:#333333 1px dotted;
	text-align:left;
	font-size:90%;
	}	

/*ID、パス入力テーブル*/
.bbs{
	margin: 0px auto;
	}

.bbs th{
	text-align:center;;
	vertical-align:top;
	border:1px #333333 solid;
	padding:5px;
	}

.bbs td{
	text-align:left;
	border:1px #333333 solid;
	padding:5px;
	}


/*情報・連絡テーブル*/
.information{
	width:630px;
	text-align:left;	
}

.information th{
	vertical-align:top;
	border-bottom:1px #333333 dotted;
	padding:5px 15px 3px 0;
	width:80px;
	}

.information td{

	border-bottom:1px #333333 dotted;
	padding:5px 5px 3px 0;
	}


/*▼中ページ共通▼*/
.text01{
	width:630px;
	padding:5px 0 10px 0;
	margin:0;
}
.topics{
	width:630px;
	padding:5px 0 10px 20px;
	margin:0;
}
.text02{
	width:430px;
	padding:5px 0 10px 0;
	margin:0;
	float:left;
}

.text01 img{
	width:190px;
	padding:5px 0 10px 10px;
	margin:0;
	float:right;
}

.text04{
	width:630px;
	padding:5px 0 20px 0;
	margin:0;
	text-align:center;
}

.text05{
	width:630px;
	padding:5px 0 30px 0;
	margin:0;
}

.text05 li{
	list-style:decimal;
	margin:0 0 0 30px;
}

.text99{
	width:200px;
	padding:5px 0 10px 0;
	margin:0;
	float:right;
}


/*▼サイトマップ▼*/
.site1 li{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	list-style-type: none;
	background: url(../common/kakko.png) no-repeat left center;
}

.site_end{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	list-style-type: none;
	background: url(../common/kakko2.png) no-repeat left center;
}

.site2{
	margin:0 0 0 25px;
	padding:0 0 0 10px;
	list-style-type: none;
	background: url(../common/kakko.png) no-repeat left center;
}

.site_end2{
	margin:0 0 0 25px;
	padding:0 0 0 10px;
	list-style-type: none;
	background: url(../common/kakko2.png) no-repeat left center;
}

.site3 li{
	margin:0 0 0 40px;
	padding:0 0 0 10px;
	list-style-type: none;
	background: url(../common/kakko.png) no-repeat left center;
}


.site_end3{
	margin:0 0 0 40px;
	padding:0 0 0 10px;
	list-style-type: none;
	background: url(../common/kakko2.png) no-repeat left center;
}

/*個人情報保護方針*/
.pri{
	padding:0 0 0 30px;
}
.pri_text{
	padding:0 0 0 15px;
}


/*▼お問い合わせ▼*/
.otoiawase{
	padding:10px 30px;
	width:870px;
	}

.otoiawase h1{
	font-weight:nomal;
	font-size:120%;
	font-weight:bold;
	padding:0 0 5px 0;
	}

	
.otoiawase table{
	border-collapse:collapse;
	width:850px;
	}

.otoiawase  th{
	width:300px;
	padding:25px 20px 25px 10px;
	vertical-align:top;
	border-bottom:1px #666666 dotted;
	font-weight:normal;
	}

.otoiawase  td{
	padding:25px 20px 25px 10px;
	border-bottom:1px #666666 dotted;
	}	

 .button{
	clear:both;
	text-align:center;
	padding:20px 0 10px 0;
		}

 .button2{
	clear:both;
	text-align:center;
	padding:0 0 20px 0;
		}

/*▲お問い合わせ▲*/

/*▼sitemap▼*/
.sitemap, .sitemap2{
	list-style-type:none;
	width:595px;
	height:auto;
	margin:0 auto;
	padding:0px;
	text-align:left;
}

.sitemap_text{
	width:595px;
	height:auto;
	margin:0;
	padding:0 0 15px 0;
	}	

.sitemap li{
	padding-left:30px;
	background:url(../sitemap/img/triangle.jpg) no-repeat left center;
	margin-left:15px;
}	

.sitemap2 li{
	padding-left:10px;
	background:url(../sitemap/img/triangle2.jpg) no-repeat left center;
	margin-left:50px;
}
/*▲sitemap▲*/


/*▼個人?E??の取り扱ぁE??*/
#wrapper  .company  ul{
	padding:5px 0 5px 30px;
	margin:0;
	}	

#wrapper  .company  .pri_text{
	font-size:smaller;
	padding:0 0 15px 0;
	}	

#wrapper  .company  li{
	list-style-type:decimal;
	}
	
/*▲個人?E??の取り扱ぁE??*/



*html header h1 {
	width: 900px;
	height:50px;
	padding:0 0 0 -60px;
	margin:0 0 0 -60px;
	line-height:100%;
	text-align:left;
}

*html #flash{
top:0;

padding:0 auto;
}

*html .address{
	left:30px;
	}

*html nav h1{
	border-bottom:1px #333 solid;
	width:200px;
	padding:2px 0 1px 0;
}

*html  nav li{
	margin:2px 0 0 10px;
	padding:0 0 0 10px;
	list-style-type: none;
	width:180px;
	font-weight:bold;
	border-bottom:1px #333 dotted;
	background: url(../common/triangle.png) no-repeat left center;
}

*html nav .list_end{
margin:2px 0 15px 10px;
padding:0 0 0 10px;
list-style-type: none;
font-weight:bold;
border-bottom:1px #333 dotted;
background: url(../common/triangle.png) no-repeat left center;
}


*html .teruo table{
	border-collapse:collapse;
	width:610px;
}

*html #headernavi header ul{
	margin:-20px 0 0 0;
	float:right;
}

*html #headernavi0 header ul{
	margin:-20px 0 0 0;
	float:right;	
	position: relative;top:20px; z-index:2;
}

.ie6_center{
	text-align:center;
}

*html .ie6_left{
	text-align:left;
	width:880px;
}





/*ie - Internet Explorer (All versions) 
ie8 - Internet Explorer 8.x 
ie7 - Internet Explorer 7.x 
ie6 - Internet Explorer 6.x 
ie5 - Internet Explorer 5.x 
gecko - Mozilla, Firefox (all versions), Camino 
ff2 - Firefox 2 
ff3 - Firefox 3 
ff3_5 - Firefox 3.5 new 
opera - Opera (All versions) 
opera8 - Opera 8.x 
opera9 - Opera 9.x 
opera10 - Opera 10.x 
konqueror - Konqueror 
webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome 
safari3 - Safari 3.x 
chrome - Google Chrome 
iron - SRWare Iron new */