/* ベース */

body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:75%;
	line-height:1.4em;
	color:#333333;
}

h1,h2,h3,h4,p{font-size:100%;}

img{border:none;}
p{margin:0 0 1em;}

a:link{color:#015883;text-decoration:underline;}
a:visited{color:#015883;text-decoration:underline;}
a:hover{color:#015883;text-decoration:none;}

/* ヘッダー */

#header{padding:5px 0 3px;margin:0;width:100%;border:solid #005981;border-width:0 0 1px;}
#header .left{width:48%;float:left;margin:0 0 0 10px;padding:0;text-align:left;}
#header .right{width:48%;float:right;margin:0 10px 0 0;padding:0;text-align:right;}

/* メイン部分 */

#logo{margin:50px 0 15px;height:101px;}
#head_menu{margin:20px auto 15px;border:solid #015883;border-width:1px 0;padding:8px 0;width:570px;}
#head_menu2{margin:20px auto 5px;border:solid #015883;border-width:1px 0;padding:8px 0;width:570px;}

#content{margin:0 auto;width:570px;padding:20px 0;}

/*----------------------------------------
	コンテンツエリア clearfix
-----------------------------------------*/
#content:after{content:".";display:block;clear:both;height:0;visibility:hidden;;}
#content{display:inline-block;min-height:1%;}
* html #content{height:1%;}

/* トップページ フォーム */
#search{width:250px;}
#radio_area{margin:1em 0 0.5em;}

/* プロフィール本文 */
#prof_box{width:420px;float:right;padding:0;}
#prof_box h2{margin:0 0 1em;padding:0;}
#prof_box p{padding:0 0 0 15px;text-align:left;color:#626262;}

/* 仕事依頼 */
#contact_box{width:570px;padding:0;margin:0;}
#contact_box h2{margin:0 0 1em;padding:0;}

#contact_box table{text-align:left;color:#626262;width:100%;}
#contact_box th{width:120px;}
#contact_box td{}

#contact_box .w10em{width:10em;}
#contact_box .w15em{width:15em;}
#contact_box .w25em{width:25em;}
#contact_box textarea{width:25em;height:5em;}

/* タブ */
#tab_area{width:570px;margin:0 auto;}

#tab{border:solid #015883;border-width:0 0 1px;margin:20px auto 10px;width:556px;padding:0 8px;}

#tab ul{width:100%;list-style:none;margin:0;padding:0;}
#tab ul li{float:left;line-height:35px;}
#tab ul li a{display:block;width:139px;height:27px;background:url("images/tab_bg.gif") no-repeat 0 0;}
#tab ul li a:hover{background:url("images/tab_bg.gif") no-repeat -139px 0;}
#tab ul li.on a{display:block;width:139px;height:27px;background:url("images/tab_bg_on.gif") no-repeat 0 0;color:#ffffff;font-size:15px;line-height:29px;}

/* タブ内部メニュー */
#tab_box{width:556px;padding:0 8px 15px;margin:10px auto;border:solid #015883;border-width:0 0 1px;}

#tab1{}
#tab1 h2{display:none;}
#tab1 ul{width:100%;list-style:none;margin:0;padding:0;}
#tab1 ul li{width:110px;float:left;}
#tab1 ul li a{background:none;}
#tab1 ul li a:hover{background:none;}

#tab2{}
#tab2 h2{display:none;}
#tab2 ul{width:100%;list-style:none;margin:0;padding:0;}
#tab2 ul li{width:139px;float:left;}
#tab2 ul li a{background:none;}
#tab2 ul li a:hover{background:none;}

#tab3{}
#tab3 h2{display:none;}
#tab3 ul{width:100%;list-style:none;margin:0;padding:0;}
#tab3 ul li{width:139px;float:left;}
#tab3 ul li a{background:none;}
#tab3 ul li a:hover{background:none;}

.visi{display:block;}
.hide{display:none;}

/* タブ下メニュー */
#tab_under{width:556px;padding:0 8px;margin:0 auto 10px;position:relative;}
#tab_under span{float:right;height:28px;background:url("images/tab_btm_icon01.gif") no-repeat 0 0;padding:8px 0 0 25px;display:block;}

#ossan{position:absolute;top:-150px;visibility:hidden;display:inline;}

/*----------------------------------------
	タブエリア clearfix
-----------------------------------------*/
#tab_box:after{content:".";display:block;clear:both;height:0;visibility:hidden;;}
#tab_box{display:inline-block;min-height:1%;}
* html #tab_box{height:1%;}

#tab_under:after{content:".";display:block;clear:both;height:0;visibility:hidden;;}
#tab_under{display:inline-block;min-height:1%;}
* html #tab_under{height:1%;}


/* フッター */
#foot_menu{margin:20px 0 15px;}
#foot_menu2{margin:0 auto 15px;border:solid #7FACC1;border-width:1px 0 0;padding:8px 0 0;width:570px;}

#copy{color:#333333;}

/* 汎用スタイル */

/* text */
.tx_center{text-align:center;}
.tx_right{text-align:right;}

.tx_large{font-size:115%;}
.tx_small{font-size:84%;}

.tx_red{color:#ff0000;}
.tx_blue{color:#005983;}

/* float */
.fl{float:left;}
.fr{float:right;}

.clear{clear:both;}

/* width */
.w570{width:570px;}

.w02em{width:2em;}
.w04em{width:4em;}
.w06em{width:6em;}
.w08em{width:8em;}

/* margin */
.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mb0{margin-bottom:0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}

.mr0{margin-right:0px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}

/* padding */
.pt0{padding-top:0px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.pb0{padding-bottom:0px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}


/*----------------------------------------
	clearfix
-----------------------------------------*/
.cfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*for IE7*/
.cfix{
	display: inline-block;
	min-height: 1%;
}
/*for IE6*/
* html .cfix
{ height: 1%; }


/* Tooltips CSS definitions */	

.tooltip{
	position: absolute!important;
	overflow:hidden;
	font-size: 12px;
	z-index: 10000!important;
}
.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
.tooltip .xb1 { margin: 0 5px; background: #333; }
.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
.tooltip .xb3 { margin: 0 2px; }
.tooltip .xb4 { height: 2px; margin: 0 1px; }

.tooltip .xboxcontent{
	padding: 0 .5em;
	margin: 0;
	color: #000;
	text-shadow: 2px 2px 0px #CCC;
	word-wrap:break-word;
	border: 1px solid #333;
	border-width: 0px 1px 0 1px;
	background-color: #666;
}