@charset "UTF-8";

@import url("reset.css");
@import url("font.css");
@import url("styles.css");

body{
	color: #333333;
	margin: 0;
	padding: 0;
	background-color: #dee1f4;
}

strong{
	color: #002adf;
	font-size: 110%;
}

em{
	font-style: normal;
	font-weight: bold;
}


/*--------------------------------------------------------

MainWrapper

----------------------------------------------------------*/

#MainWrapper{
	width: 760px;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
}



/*----------------------------------------------------------

TopicPath

-----------------------------------------------------------*/

#TopicPath{
	margin: 2px 0 2px 1px;
	padding: 2px 4px;
}


/*-----------------------------------------------------

Header

----------------------------------------------------*/


#Header{
	height: 62px;
	padding: 15px 15px 10px 15px;
	color: #333333;
}

#Header h1.Logo a{
	text-decoration: none;
}

#HeaderL{
	float: left;
}

#HeaderR{
	height: 100%;
	float: right;
}

#HeaderR h1.Logo{
	text-align: right;
}

#HeaderR h1.Logo img{
	width: 177px;
}

#Utility{
}

ul#UtilNavi{
	padding-top: 23px;
	list-style: none;
	vertical-align: bottom;
}

ul#UtilNavi, ul#UtilNavi a{
	color: #888888;
	text-decoration: none;
}

ul#UtilNavi li{
	padding: 0px;
	display: inline;
}
/*---------------------------------------------------------

Footer

---------------------------------------------------------*/

#Footer{
	/*width: 745px;
	border: 1px solid #B0B0B0;*/
	background:  url(../images/common/footer_bg.png) repeat-x top;
	color: #757575;
	margin: 10px auto 0 auto;
	padding: 5px;
	height: 25px;
	clear: both;
}

#Footer p{
	text-align: right;
}

#FooterK{
	float:left;
}

#FooterK em{
	font-size:x-small;
	font-weight:normal;
	line-height:1.2em;
}

/*-----------------------------------------------------

FLOAT

--------------------------------------------------------*/

.floatL{
	float: left;
}

.floatR{
	float: right;
}


.clerL{
	clear: left;
}
.clerR{
	clear: right;
}

.clear{
	clear: both;
}

br.clear, div.clear{
	line-height: 0px;
}



/*-----------------------------------------------------

Move Out

--------------------------------------------------------*/

.mout{
	text-indent: -9999px;
	display: none;
}




/*------------------------------------------------------------------------------

GlobalMenu

--------------------------------------------------------------------------------*/

#GlobalMenu{
	width: 760px;
	margin: 0px 0px 3px 0px;
	clear: both;
}



#GlobalMenu ul{
	list-style: none;
	float: none;
	clear: both;
}


#GlobalMenu ul li{
	display: inline;
}


#GlobalMenu ul li a{
	display: block;
	width: 760px;
	height: 30px;
	background: url(../images/common/btn/globalmenu_bg.png) no-repeat;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
}



/* OFF	*/
/* Home */
#GlobalMenu ul li#GMHome a{
	width: 152px;
	background-position: 0px 0px;
}
/* Corp */
#GlobalMenu ul li#GMCorp a{
	width: 152px;
	background-position: -152px 0px;
}
/* Service */
#GlobalMenu ul li#GMSolution a{
	width: 152px;
	background-position: -304px 0px;
}
/* Product */
#GlobalMenu ul li#GMIsms a{
	width: 152px;
	background-position: -456px 0px;
}
/* Recruit */
#GlobalMenu ul li#GMRecruit a{
	width: 152px;
	background-position: -608px 0px;
}


/* ON */
#GlobalMenu ul li#GMHome a:hover, #GlobalMenu ul li#GMHome a.on{
	background-position: 0px -40px;
}
#GlobalMenu ul li#GMCorp a:hover, #GlobalMenu ul li#GMCorp a.on{
	background-position: -152px -40px;
}
#GlobalMenu ul li#GMSolution a:hover, #GlobalMenu ul li#GMSolution a.on{
	background-position: -304px -40px;
}
#GlobalMenu ul li#GMIsms  a:hover, #GlobalMenu ul li#GMIsms  a.on{
	background-position: -456px -40px;
}
#GlobalMenu ul li#GMRecruit a:hover, #GlobalMenu ul li#GMRecruit a.on{
	background-position: -608px -40px;
}



/*---------------------------------------------------------

BOX

---------------------------------------------------------*/



/* Define LAYOUT */

#BoxAlpha{
	width: 750px;
	margin: 5px 5px 10px 5px;
	padding: 0;
}

#BoxBeta{
	width: 365px;
	margin: 0px;
	padding: 5px;
	float: left;
}

#BoxGamma{
	width: 365px;
	margin: 0px;
	padding: 5px;
	float: right;
}



/*----------------------------------------------------------

Common Class

----------------------------------------------------------*/

.MenuTitleImg{
	width: 750px;
	margin: 0px;
	padding: 0px;
}

.BoxSection{
	margin: 0px 0px 10px;
}

.SectionTit{
	height: 20px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(../images/common/htitle_bg.png) repeat-x;
	border: 1px solid #a6a6a6;
}

.SectionTit span{
	display: block;
	padding-left: 5px;
	border-left: 6px solid #1f4aff;
	color: #636363;
	line-height: 20px;
}

.SectionBody{
	margin: 5px 30px 15px;
}

.SectionBodyList{
	padding: 0px 0px 5px 20px;
	color: #00469f;
	font-weight: bolder;
}

.SectionBodyList ul{
	padding: 0px 0px 5px 20px;
	color: #000000;
	font-weight: normal;
	list-style-type: disc;
}

.SectionBodyListUl {
	padding: 0px 0px 5px 20px;
	color: #000000;
	font-weight: normal;
	list-style-type: disc;
}

.TblData th, .TblData td{
	border: 1px solid #737373;
	padding: 4px 4px;
}

.TblData th{
	background-color: #e8e8e8;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

.TblData td{
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
}

.MailTo{
	display: block;
	padding-top: 2px;
}

.MailTo img{
	vertical-align: middle;
}

.CautionMsg img{
	vertical-align: middle;
}

.Important{
	padding: 0px 20px 10px;
	line-height: 1.6em;
}

.BoxIndentBody{
	padding: 0px 10px 0px 20px;
}

.Describe{
	padding: 0px 0px 5px;
}

.Describe h4{
	height: 16px;
	background: url("../images/common/icon/dtsquare.png") no-repeat scroll 0px;
	padding-left: 20px;
	padding-top: 5px;
	color: #00469f;
}

.Describe p{
	margin: 2px 0px 5px 20px;
}

.Describe ul{
	margin: 2px 0px 5px 40px;
	list-style-type: disc;
}

.Describe dl{
	margin: 0px 10px;
}

.Describe dt{
	margin-top: 5px;
	padding-left: 15px;
	color: #00467f;
	background: url("../images/common/icon/dtsphere.png") no-repeat scroll 0px;
}

.Describe dd{
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.AnchorList{
	list-style-image: url("../images/common/icon/atrigonal.png");
	padding-left: 15px;
}

.AnchorList li{
	margin-left:0px;
}

.SectionBody .AnchorList li{
	padding-bottom: 7px;
}

.SentenceP {
	padding-bottom: 5px;
	/*text-indent: 1em;*/
}

.CautionMsg{
	padding-top: 10px;
	text-align: center;
}

.CautionMsg hr{
	margin-bottom: 10px;
}

.StrongRed{
	color: #ff0000;
	font-size: 110%;
}



/*----------------------------------------------------------

Define Box&Body

----------------------------------------------------------*/
#BoxTop{
	width: 700px;
	/*margin: 15px auto 5px;*/
	margin: 5px auto 5px;
}

#BoxTop strong.TopCopy{
	display: block;
	padding-top: 70px;
	color: #005bbf;
	font-size: 120%;
	font-weight: bolder;
	line-height: 1.5em;
}


#BoxTopTopic,#BoxTopNews{
	width: 355px;
	margin-bottom: 20px;
}

#BoxTopTopic p,#BoxTopNews p{
	margin: 5px 20px 5px 20px;
}

#BoxTopTopic dl,#BoxTopNews dl{
	margin: 0px 10px;
}

#BoxTopTopic dt,#BoxTopNews dt{
	padding-top: 10px;
	color: #00467f;
	font-weight: bold;
}

#BoxTopTopic dd,#BoxTopNews dd{
	padding-top: 2px;
	padding-bottom: 5px;
}


#BoxIsms{
	width: 327px;
	padding: 10px 10px;
	margin: 5px 0px 5px 5px;
	border: 1px solid #a6a6a6;
}

#BoxTopBanner{
	width: 348px;
	margin: 5px 0px 5px 5px;
}

.TopMenu{
	width: 160px;
	height: 125px;
	margin: 0px 0px 5px 5px;
	padding: 5px;
	border: 1px solid #a6a6a6;
	float: left;
}

.TopMenu .AnchorList {
	padding-left: 30px;
}

.TopMenu .AnchorList li {
	margin-bottom: 3px;
}

#BoxCorp{
	padding-top: 10px;
}

#BoxCorp .TblData th{
	width: 100px;
}

#BoxCorp .TblData td{
	width: 500px;
}

.TblData #Corp1 dl dd{
	padding-left: 10px;
}

.TblData #Corp1 img{
	float: right;
	margin-right: 20px;
}

.TblData #Corp2 dl dd{
	padding-left: 10px;
}

.TblData ul{
	list-style-type: disc;
	padding-left: 20px;
}

.TblData ol{
	padding-left: 25px;
}

#BoxRecrut{
	/*width: 610px;
	margin: 10px auto;*/
}

#BoxRecrut .TblData th{
	width: 100px;
}

#BoxRecrut .TblData td{
	width: 600px;
}

#BoxPrivacy{
	width: 750px;
	margin: 10px 0px;
}

#Signature{
	margin-top: 20px;
	margin-right: 10px;
	text-align: right;
	font-weight: bolder;
}

#BoxPrivacy ol{
	margin: 0px 10px;
	padding-left: 20px;
}

#BoxPrivacy ol li{
	margin: 0px 10px 10px;
}

#BoxPrivacy #Contact{
	margin: 10px 0px;
}

#BoxPrivacy #Contact dd{
	margin-left: 20px;
}

#BoxPrivacy .CautionMsg{
	margin: 5px 10px 0px;
	padding: 5px 0px;
	/*border: 3px double #a6a6a6;*/
	text-align: center;
}

#BoxProduct{
	width: 750px;
	margin: 10px 0px;
}

.Describe{
	padding: 0px 0px 5px;
}

.ScoutOl{
	margin-left: 20px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	color: #00469f;
	font-size: 110%;
	font-weight: bolder;
	list-style-type: decimal;
}

.ScoutLiInfo{
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 90%;
	font-weight: normal;
	color: #000000;
}

.ScoutLiInfo img{
	padding: 5px 5px 10px;
}

#BoxSolutionPro .CautionMsg{
	font-size: 110%;
	font-weight: bolder;
	color: #ff0000;
}

#BoxSolutionProMail{
	padding-top: 20px;
	text-align: center;
}

#BoxSolutionProMail .MailTo{
	margin-top: 5px;
}

#BoxMSIT{
	width: 750px;
	margin: 10px 0px;
}

#BoxSolution{
	width: 750px;
	margin: 0px 0px;
}

#BoxSolutionIBS{
	text-align: center;
}

#ProductLogo img{
	padding-top: 5px;
	padding-bottom: 5px;
}

#BoxPageMsg {
	margin: 0px auto;
	padding: 30px;
	padding-bottom: 300px;
}

#BoxPageMsg .MsgTit {
	padding-bottom: 20px;
	font-size: x-large;
	font-weight: normal;
	color: #000063;
}

#BoxPageMsg .MsgBody {
	padding-left: 20px;
}

#BoxPageMsg .MsgBody p {
	padding-bottom: 10px;
}

/*------------------------------------------------------------------------------

Map

--------------------------------------------------------------------------------*/

#BoxMap{
	width: 750px;
	margin: 10px 0px;
}

#MapMenu{
	height: 28px;
	margin: 10px 0px 8px 10px;
	clear: both;
}

#MapMenu ul{
	list-style: none;
	float: none;
	clear: both;
}

#MapMenu ul li{
	display: inline;
}

#MapOriginalMenu{
	height: 24px;
	margin: 0px 0px 8px 10px;
	clear: both;
}

#MapOriginalMenu ul{
	list-style: none;
	float: none;
	clear: both;
}

#MapOriginalMenu ul li{
	display: inline;
}

#MapOriginal{
	display: block;
	width: 222px;
	height: 28px;
	margin-right: 10px;
	background: url(../images/common/btn/originalmap.png) no-repeat;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
}

#MapGoogle{
	display: block;
	width: 222px;
	height: 28px;
	background: url(../images/common/btn/googlemaps.png) no-repeat;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
}

#MapOriginalWide, #MapOriginalAir, #MapOriginalTrain, #MapOriginalVicinity, #MapOriginalIc{
	display: block;
	width: 142px;
	height: 24px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
}

#MapOriginalWide{
	margin-right: 4px;
	background: url(../images/common/btn/originalmap_wide.png) no-repeat;
}

#MapOriginalAir{
	margin-right: 4px;
	background: url(../images/common/btn/originalmap_air.png) no-repeat;
}

#MapOriginalTrain{
	margin-right: 4px;
	background: url(../images/common/btn/originalmap_train.png) no-repeat;
}

#MapOriginalVicinity{
	margin-right: 4px;
	background: url(../images/common/btn/originalmap_vicinity.png) no-repeat;
}

#MapOriginalIc{
	background: url(../images/common/btn/originalmap_ic.png) no-repeat;
}


/* OFF	*/
#MapOriginal, #MapGoogle, #MapOriginalWide, #MapOriginalAir, #MapOriginalTrain,
#MapOriginalVicinity, #MapOriginalIc{
	background-position: 0px 0px;
}

#MapOriginal:hover, #MapOriginal.on, #MapGoogle:hover, #MapGoogle.on{
	background-position: 0px -38px;
}

#MapOriginalWide:hover, #MapOriginalWide.on,
#MapOriginalAir:hover, #MapOriginalAir.on,
#MapOriginalTrain:hover, #MapOriginalTrain.on,
#MapOriginalVicinity:hover, #MapOriginalVicinity.on,
#MapOriginalIc:hover, #MapOriginalIc.on{
	background-position: 0px -34px;
}


#BoxCorp1Map{
	margin-top: 5px;
}

.Corp1Map{
	width: 620px;
	margin-left: 30px;
}

#Corp1Map p{
	margin-bottom: 5px;
}

#BoxCorp2Map{
	width: 600px;
	height: 500px;
	margin-top: 5px;
	margin-left: 30px;
}