@charset "UTF-8";

/* ------------------------------------------------------------------
intial set
------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

body{
	color:#222222;
	font-size:16px;
	text-align:center;
	background:#cccccc url(../images/bg.gif);
	line-height:1;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}

img{
	vertical-align:bottom;
}

ol, ul {
	list-style:none;
}

.clear{
	clear: both;
}

strong{
	font-weight:bold;
}

.min{
	font-size: 12px;
}

/* ------------------------------------------------------------------
link
------------------------------------------------------------------ */
a{color:#222222; text-decoration:underline;}
a:link{color:#222222; text-decoration:underline;}
a:active{color:#222222; text-decoration:none;}
a:hover{color:#222222; text-decoration:none;}

/* ------------------------------------------------------------------
clearfix
------------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ------------------------------------------------------------------
base
------------------------------------------------------------------ */
div#wrap{
	width:960px;
	margin:0 auto;
	text-align:left;
	background:#FFF;
}

div#container{
	width:920px;
	padding:0 20px;
}

/* ------------------------------------------------------------------
header
------------------------------------------------------------------ */
div#header{
	border-top:3px solid #e2007e;
	padding:15px 20px;
	line-height:38px;
	height:38px;
	width:920px;
}

div#header h1{
	width:225px;
	height:38px;
	float:left;
	background:url(../images/logo.gif) no-repeat;
	text-indent:-10000em;
	overflow:hidden;
}

div#header p{
	float:right;
	text-align:right;
}

/* ------------------------------------------------------------------
branding
------------------------------------------------------------------ */
div#branding{
	width:920px;
	height:400px;
	position:relative;
	margin:0 0 20px 0;
	overflow:hidden;
}

div#branding h2{
	width:920px;
	height:227px;
	background:url(../images/main_pic_01.jpg) no-repeat;
	text-indent:-10000em;
	margin:0 !important;
}

div#branding h3{
	width:920px;
	height:56px;
	background:url(../images/main_pic_02.jpg) no-repeat;
	text-indent:-10000em;
	margin:0 !important;
}

div#branding h4{
	width:920px;
	height:117px;
	background:url(../images/main_pic_03.jpg) no-repeat;
	text-indent:-10000em;
	margin:0 !important;
}

div#branding p{
	position:absolute;
	top:20px;
	right:20px;
}

div#branding p a{
	display:block;
	width:320px;
	height:100px;
	background:url(../images/main_pic_btn.gif) no-repeat;
	text-indent:-10000em;
	overflow:hidden;
}

div#branding p a:hover{
	background-position:0 -100px;
}

/* ------------------------------------------------------------------
contents
------------------------------------------------------------------ */
.m0{
	margin:0 !important;
}

.mb20{
	margin:0 0 20px 0 !important;
}

.mb40{
	margin:0 0 40px 0 !important;
}

h2,h3,h4{
	margin:0 0 20px 0;
}

ul#nav{
	width:100%;
	overflow:hidden;
	margin:0 0 20px 0;
}

ul#nav li{
	width:458px;
	height:94px;
	overflow:hidden;
}

ul#nav li.nav01{
	float:left;
}

ul#nav li.nav02{
	float:right;
}

ul#nav li a{
	display:block;
	width:458px;
	height:94px;
	background:url(../images/nav.gif) no-repeat;
	text-indent:-10000em;
}

ul#nav li.nav01 a{
	background-position:-458px 0;
}

ul#nav li.nav02 a{
	background-position:-458px -94px;
}

ul#nav li.nav01 a:hover,
ul#nav li.nav01 a.visited{
	background-position:0 0;
}

ul#nav li.nav02 a:hover,
ul#nav li.nav02 a.visited{
	background-position:0 -94px;
}

p.lead{
	line-height:1.6;
	margin:0 0 20px 0;
}

div.col{
	width:880px;
	border:5px solid #CCC;
	padding:15px;
	overflow:hidden;
	margin:0 0 20px 0;
}

div.item{
	width:100%;
	overflow:hidden;
	margin:0 0 20px 0;
}

div.item div.colL{
	width:440px;
	border:5px solid #CCC;
	float:left;
	overflow:hidden;
}

div.item div.colR{
	width:440px;
	border:5px solid #CCC;
	float:right;
	overflow:hidden;
}

p.profPic{
	width:120px;
	float:left;
}

div.profCol{
	width:300px;
	padding:10px;
	float:right;
}

div.profCol p{
	font-size:12px;
	line-height:1.5;
	margin:0 0 10px 0;
}

div.profColInner{
	background:#e5e5e5;
	padding:6px;
}

div.profColInner h3{
	margin:0 0 5px 0;
}

div.profColInner p.profBtn{
	width:275px;
	height:25px;
	margin:5px 0 0 0 !important;
	overflow:hidden;
}

div.profColInner p.profBtn a{
	display:block;
	width:275px;
	height:25px;
	background:url(../images/prof_btn.gif) no-repeat;
	text-indent:-10000em;
}

div.profColInner p.profBtn a:hover{
	background-position:0 -25px;
}

div.ta01{
	background:url(../images/talk_01.gif) no-repeat;
	padding:3px 0 3px 110px;
}

div.ta02{
	background:url(../images/talk_02.gif) no-repeat;
	padding:3px 0 3px 110px;

}

div.ta01 p,
div.ta02 p{
	line-height:1.6;
	margin:0 0 20px 0;
}

div.ta01 p strong{
	color:#f25000;
}

div.ta02 p strong{
	color:#0094f2;
}

p.picR{
	float:right;
	padding:0 0 10px 10px;
}

p.picL{
	float:left;
	padding:0 10px 10px 0;
}

div.inquiry{
	height:75px;
	text-align:center;
	background:url(../images/btn_bg.gif) 50% 0 no-repeat;
	margin:0 0 20px 0;
}

div.inquiry p a{
	display:block;
	background:url(../images/btn_02.gif) no-repeat;
	width:500px;
	height:75px;
	text-indent:-10000em;
	overflow:hidden;
	margin:0 auto;
}

div.inquiry p a:hover{
	background-position:0 -75px;
}

div.flow{
	width:100%;
	height:160px;
	overflow:hidden;
}

div.flow p{
	float:left;
	height:125px;
	padding:35px 0 0 10px;
	line-height:1.6;
	font-size:14px;
}

div.flow p.f01{
	width:130px;
	background:url(../images/pic_06_01.jpg) no-repeat;
	padding-right:160px;
}

div.flow p.f02{
	width:130px;
	background:url(../images/pic_06_02.jpg) no-repeat;
	padding-right:160px;
}

div.flow p.f03{
	width:130px;
	background:url(../images/pic_06_03.jpg) no-repeat;
	padding-right:140px;
}

div.flow p.f04{
	width:130px;
	background:url(../images/pic_06_04.jpg) no-repeat;
	padding-right:160px;
}

div.flow p.f05{
	width:130px;
	background:url(../images/pic_06_05.jpg) no-repeat;
	padding-right:160px;
}

div.flow p.f06{
	width:130px;
	background:url(../images/pic_06_06.jpg) no-repeat;
	padding-right:140px;
}

div.arrow{
	background:url(../images/pic_06_arrow.gif) 50% 50% no-repeat;
	height:29px;
}
	

/* ------------------------------------------------------------------
footer
------------------------------------------------------------------ */
div#footer{
	clear:both;
	width:100%;
	height:14px;
	padding:8px 0;
	text-align:center;
	background:url(../images/f_bg.gif) repeat-x;
}