@charset 'Shift_JIS';

/* �� Redefine Style �� -------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
body{
	text-align:center; margin:0 auto; padding:0;
	font-family:"�l�r �o�S�V�b�N",Osaka,sans-serif;
	background-color:#ffffff;
}

h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:normal;}

p,dl,dt,dd,form{margin:0; padding:0;}

ul,li{margin:0; padding:0; list-style:none;}

hr{display:none;}

img{border:0;}

.clrBox{clear:both;}


/* �� Font Style �� -----------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/

.black13b{font-size:80%; line-height:150%; color:#333333; font-weight:bold;}
.black10{font-size:70%; line-height:135%; color:#333333; font-weight:normal;}
.black12{font-size:75%; line-height:150%; color:#333333; font-weight:normal;}
.black12b{font-size:75%; line-height:150%; color:#333333; font-weight:bold;}

.gray10{font-size:70%; line-height:140%; color:#737373; font-weight:normal;}

.red14b{font-size:85%; line-height:150%; color:#fe0000; font-weight:bold;}
.red12{font-size:75%; line-height:150%; color:#fe0000; font-weight:normal;}
.red10{font-size:70%; line-height:140%; color:#fe0000; font-weight:normal;}

.navy15b{font-size:95%; line-height:140%; color:#090f35; font-weight:bold;}

/* �� Link Style �� -----------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
a:link,a:visited {
	color:#0000ff;
	text-decoration:underline;}

a:hover,a:active {
	color:#d22818;
	text-decoration:underline;}


/* �� Other Style �� ----------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.mgn5{margin-top:5px;}
.mgn10{margin-top:10px;}
.mgn15{margin-top:15px;}
.mgn20{margin-top:20px;}
.mgn25{margin-top:25px;}
.mgn30{margin-top:30px;}
.mgn40{margin-top:40px;}

.pad20{padding-top:20px;}

.mgnL10{margin-left:10px;}
.mgnL15{margin-left:15px;}

.aLeft{text-align:left;}
.aRight{text-align:right;}
.aCenter{text-align:center;}

.vTop{vertical-align:top;}
.vBottom{vertical-align:bottom;}

.flRight{float:right;}
.flLeft{float:left;}

.clrBox{clear:both;}


/* �� Main Container �� -------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
#pageContainer{
	width:808px;
	margin:0 auto; padding:20px 0 0 0; text-align:left;
	background:transparent url(../common_images/body_bg.gif) repeat-y;}
#pageContainerIn{padding:0 4px;}

.mainTb{margin-left:8px; margin-top:17px;}

.pageTop{
	padding-left:20px; margin-right:10px;
	background:transparent url(../common_images/icon_top.gif) 0 50% no-repeat;}

/* �� Box Style �� -------------------------------------------------------*/
.whiteBox{
	padding:0 3px;
	background:transparent url(../common_images/whitebox_bg.jpg) repeat-y;}
.whiteBoxIn{padding:13px;}

.whiteBoxLine{padding:13px; border:1px solid #f0f0f0;}
.menuBoxBg{background:transparent url(../menu/images/menubox_bg.jpg) 0 15px repeat-y;}
.menuBoxLineIn{padding:15px 35px;}

.whiteBoxS{
	width:423px;
	background:transparent url(../common_images/whitebox_s_bg.jpg) repeat-y;}
.whiteBoxSIn{padding:15px;}

.grayBox{padding:11px; border:1px solid #dbdbdb; background-color:#fafafa;}
.grayBox2{padding:20px; background-color:#fafafa;}

.grayGradBoxTop{background:transparent url(../common_images/gray_grad_top.jpg) no-repeat;}
.grayGradBoxBg{background:transparent url(../common_images/gray_grad_bg.jpg) repeat-y;}
.grayGradBoxIn{padding-left:11px; padding-right:11px;}

.grayGradBoxSTop{background:transparent url(../menu/images/grabox_top.jpg) no-repeat;}
.grayGradBoxSBg{background:transparent url(../menu/images/grabox_bg.jpg) repeat-y;}

.kongoBoxTop{background:transparent url(../tool/images/kongo_top.jpg) no-repeat;}
.kongoBoxBg{background:transparent url(../tool/images/kongo_bg.jpg) repeat-y;}

.noteBox{background:transparent url(../common_images/note_bg.jpg) repeat-y;}
.noteBoxIn{padding:5px 50px 21px 15px;}

.detailBoxTitle{background:transparent url(../common_images/detailbox_title.jpg) no-repeat;}
.detailBoxTitleBg{background:transparent url(../common_images/detailbox_title_bg.jpg) repeat-y;}
.detailBoxTitle h3{padding:8px 15px;}

.detailBoxBg{padding:11px 18px 5px 14px; background:transparent url(../common_images/detailbox_bg.jpg) repeat-y;}
.detailBoxIn{background-color:#FFFFFF; padding:10px 10px 20px 10px;}

/* �� Header Style �� ---------------------------------------------------------*/
#blueLine{background-color:#22457b; width:100%; height:7px;}

#headCopyBox{width:792px; margin:4px;}
#headCopy{width:610px; float:left;}
#headMenu{width:170px; float:right;}

#headMenuBox{width:170px;}
#headMenuBox #home{width:77px; float:left;}
#headMenuBox #inquiry{width:93px; float:left;}

#logoBox{width:800px; height:78px; background:transparent url(../common_images/logobox_bg.jpg) no-repeat;}
#logoBox h1{width:560px; float:left;}
#logoBox p{width:240px; float:left; margin-top:55px;}

#globalNavi {width:800px;}
#globalNavi li {float:left;}
#globalNavi li img{vertical-align:bottom;}
#globalNavi .knowhow{width:109px;}
#globalNavi .tool{width:98px;}
#globalNavi .menu{width:144px;}
#globalNavi .case{width:110px;}
#globalNavi .voice{width:100px;}
#globalNavi .profile{width:109px;}
#globalNavi .blog{width:130px;}

/* �� Footer Style �� ---------------------------------------------------------*/
#footerBox{width:800px; height:50px; background-color:#051732; margin-top:40px;}
#footerBox #footMenu{width:547px; float:left;}
#footerBox p{width:225px; float:right; margin-top:30px;}

#footMenuBox {padding:5px 0 5px 15px;}
#footMenuBox ul{width:547px;}
#footMenuBox li img{vertical-align:top;}

#footMenuBox .footHome{width:43px; float:left;}
#footMenuBox .footKnowhow{width:70px; float:left;}
#footMenuBox .footTool{width:62px; float:left;}
#footMenuBox .footMenu{width:99px;  float:left;}
#footMenuBox .footCase{width:70px; float:left;}
#footMenuBox .footVoice{width:61px; float:left;}
#footMenuBox .footBlog{width:81px; float:left;}
#footMenuBox .footInquiry{width:50px; float:left;}
#footMenuBox .footCompany{width:51px; float:left;}
#footMenuBox .footMark{width:123px; float:left;}

.vLine{
	padding-left:10px;
	background:transparent url(../common_images/footer/vline.gif) center left no-repeat;}

/* �� Left Contents �� --------------------------------------------------------*/
#leftContainer{width:176px; padding-right:14px;}
.leftBoxBg{background:transparent url(../common_images/leftbox_bg.jpg) repeat-y;}
.leftBoxBottom{
	padding-bottom:10px;
	background:transparent url(../common_images/leftbox_bottom.jpg) left bottom no-repeat;}

.leftBoxIn{padding-left:14px; padding-right:14px;}

#bookBg{
	text-align:center; margin-top:10px; padding-top:17px;
	background:transparent url(../common_images/book_bg.jpg) no-repeat;}


/* �� Index Style �� ----------------------------------------------------------------*/
/*-- main--*/
.aboutTitleTop{
	padding:7px 25px 5px 15px;
	background:transparent url(../common_images/about_title_top.jpg) no-repeat;}
.aboutTitleBg{background:transparent url(../common_images/about_title_bg.jpg) repeat-y;}

.newsBox{width:393; margin-top:30px;}
.newsBox dt{width:95px; float:left;}
.newsBox dd{width:288px; float:left;}

.newsTb td{padding-top:30px;}
.newsTb .date{padding-right:10px;}

/*-- right --*/
#rightContainer{width:153px;}

/* �� ToolStyle �� ------------------------------------------------------------*/
#aboutBookBg{
	height:199px; padding:11px 8px 8px 8px;
	background:transparent url(../tool/images/aboutbook_bg.jpg) no-repeat;}
.aboutBookTextBg{
	height:182px; padding:15px 10px;
	background:transparent url(../tool/images/about_book_text.jpg) no-repeat;}
.iconHand{padding-left:40px; background:transparent url(../tool/images/icon_arrow.jpg) 0 0.2em no-repeat;}

/* �� ToolStyle �� ------------------------------------------------------------*/
.caseBoxTop{background:transparent url(../case/images/case_bg.jpg) repeat-y;}
.caseBox{background:transparent url(../case/images/case_bg.jpg) repeat-y; margin-top:20px;}
/*#caseBox{background:transparent url(../case/images/case_bg.jpg) repeat-y;}*/
/* �� ProfileStyle �� ------------------------------------------------------------*/
.profileBoxTop{background:transparent url(../profile/images/profile_top.jpg) no-repeat;}
.profileBoxBg{background:transparent url(../profile/images/profile_bg.jpg) repeat-y;}
.profileWhiteBox{background:transparent url(../profile/images/profilebox_white_bg.jpg) repeat-y;}

.companyTb th{
	background:transparent url(../common_images/dotline.gif) left bottom repeat-x;
	padding:10px 30px 10px 0;}
.companyTb td{
	background:transparent url(../common_images/dotline.gif) left bottom repeat-x;
	padding:10px 0;}

.dotLine{padding-bottom:10px; background:transparent url(../common_images/dotline.gif) left bottom repeat-x;}

/* �� WorkStyle �� ------------------------------------------------------------*/
.workTb{margin-left:30px;}
#workFooterBox{width:800px; height:20px; background-color:#051732; margin-top:40px;}

/* �� FormTable �� ------------------------------------------------------------*/
#orderTitle{width:558px;}
#orderTitle h3{width:88px; float:left; margin-top:2px;}
#orderTitle p{width:470px; float:left;}

.borderB{border-bottom:1px solid #f0f0f0;}
.borderR{border-right:1px solid #f0f0f0;}

.addressBg{background:transparent url(../common_images/form_address_bg.jpg) repeat-x;}