@charset "utf-8";

/*------------------------------------------------
	/top/ styles
--------------------------------------------------*/
h1 {
	display: none;
}

/* link */
.link01{
	padding: 0px 0px 0px 18px;
	background: url(../common/images/a_01.gif) left 0.25em no-repeat;
}
/* header */
#header {
	background: none;
}

/* #maincontainer
--------------------------------------------------*/
#maincontainer:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#maincontainer h2 {
	font-weight: bold;
}
a img.lock-on,
a:link img.lock-on,
a:visited img.lock-on {
	padding: 2px;
	border: 2px solid #ffffff;
}
a:hover img.lock-on,
a:active img.lock-on {
	padding: 2px;
	border: 2px solid #000000;
}
.headline {
	margin: 0 0 20px 0;
}


#maincontainer p {
	line-height: 1.6em;
}

/* #ci_section
--------------------------------------------------*/
#ci_section{
	margin: 15px 0 0 0px;
	width: 920px;
	height: 245px;
	background: url(../images/photo/photo_iwata.jpg) left top no-repeat;
}
#ci_section:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/* catchcopy */
.ci_description {
	margin: 60px 0 0;
	width: 440px;
	float: left;
}
.ci_description .catchcopy {
	margin: 0 0 0 40px;
	width: 429px;
	height: 91px;
	background: url(../images/text_ci01.png) left top no-repeat;
	text-indent: -9999px;
}
.ci_description p {
	margin: 0 0 0 40px;
	padding: 0 0 35px 0;
	width: 376px;
	height: 50px;
	background: url(../images/text_ci02.png) left top no-repeat;
	text-indent: -9999px;
}

/* contact */
.contact {
	margin: 56px 24px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 415px;
	float: right;
	background: url(../common/images/bg_gray01.gif) left top repeat;
}
.contact_inner {
	margin: 5px;
	padding: 14px;
	background-color: #ffffff;
}
.contact_inner p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 277px;
	height: 11px;
	background: url(../images/text_idx.gif) left top no-repeat;
	text-indent: -9999px;
}
.contact_inner ul:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.contact_inner ul {
	margin: 16px 0 18px;
}
.contact_inner ul li {
	float: left;
}
#contact_tokyo {
	padding: 0 20px 0 0;
	width: 181px;
	height: 37px;
	background: url(../images/text_ct01.gif) left top no-repeat;
	text-indent: -9999px;
}
#contat_nagoya {
	width: 175px;
	height: 37px;
	background: url(../images/text_ct02.gif) left top no-repeat;
	text-indent: -9999px;
}


/* #container
--------------------------------------------------*/
#container {
	margin: 22px 0 0 0;
	position:relative;
	width: 100%;
}
h2 {
	border-left: 4px solid #ffffff;
}
h3 {
	margin: 0;
	padding: 0;
}

/* bunner */
#container .ad_bunner img{
	vertical-align: bottom;
}
#container .ad_bunner{
	margin-top: 37px;
	padding-top: 35px;
	/* position: absolute; */
	border-top: solid 1px #b2b2b2;
}

/* #service_section
--------------------------------------------------*/
#service_section {
	width: 440px;
	float: left;
}
#service_section h2 {
	margin: 0 0 0 -5px;
}

/* .news */
.news {
	margin: 0 0 20px 0;
}
.news .headline {
	margin: 0 0 10px 0;
}
.news .headline h2 {
	padding: 0 10px 0 0;
	float: left;
}
.news .headline:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.news dl,
.news dt,
.news dd {
	margin: 0;
	padding: 0;
	line-height:1.6em;
}
.news dl {
	clear: both;
}
.news dt {
	padding: 15px 0 5px 0;
	font-weight: bold;
}
.news dd {
	padding: 0 0 15px 0;
	background: url(../common/images/l_gray01.gif) left bottom repeat-x;
}
.news .feed {
	padding: 12px 0 0 0;
	background-color: #ffffff;
}

/* .solution */
#service_section .section:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#service_section .section {
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	background: url(../common/images/l_gray01.gif) left bottom repeat-x;
}
#service_section .section h3 {
	padding: 5px 0 12px 0;
}
#service_section .section .photo {
	position: relative;
	margin-left: -5px;
	width: 72px;
	float: left;
}
#service_section .section .description {
	width: 355px;
	float: right;
}
.solution {
	padding: 20px 0 0 0;
}


/* #portfolio_section
--------------------------------------------------*/
#portfolio_section {
	width: 430px;
	float: right;
	margin: 0px 0px 0px 0px;
}
#portfolio_section h2 {
	margin: 0 0 0 0px;
}
#portfolio_section:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#portfolio_section .section:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#portfolio_section .section {
	margin: 0 0 10px 0px;
	padding: 0 0 15px 0;
	background: url(../common/images/l_gray01.gif) left bottom repeat-x;
}
#portfolio_section .section h3 {
	padding: 5px 0 12px 0;
	line-height: 1.4em;
}
#portfolio_section .section .photo {
	/* position: relative; */
	margin: 0 0 0 0;
	width: 113px;
	height: 86px;
	overflow: hidden;
	float: left;
}
#portfolio_section .section .description {
	width: 308px;
	float: right;
}
#portfolio_section .section .description div {
	margin: 0 0 8px 0;
	font-weight: bold;
}
#portfolio_section .add {
	margin: 0 0 0 6px;
}
#maincontainer #portfolio_section p{
	line-height: 1.3em;
}


/* #bunner_section
--------------------------------------------------*/
#bunner_section{
	margin: 50px 0 0 0;
	background: url(../common/images/bg_gray01.gif) left top repeat;
}
#bunner_section .bunner_section_inner{
	margin: 0 0 0 138px;
	padding: 9px 0 9px 0;
	width: 790px;
}
#bunner_section .bunner_section_inner ul li{
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	width: 148px;
	display: inline;
}