@charset "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	background-color: #eff0f1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #455560;
	}

#clearBoth {
	clear: both;
	}
	
#main {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 1028px;
	text-align: left;
	background: url(http://www.appirio.com/i2/images/bg_main.gif);
	}
	
#bgSides {
	width: 40px;
	float: left;
	}

#bgCenter {
	width: 948px;
	background: url(http://www.appirio.com/i2/images/bg_bodyCenter.jpg) no-repeat #FFF;
	float: left;
	}
	
/* Top Header Styles */

#head {
	height: 75px;
	}

#headRight {
	float: right;
	padding: 20px 20px 0 0;
	color: #959ca1;
	font-size: 11px;
	text-align: right;
	}
#headRight img {
	margin-bottom: 5px;
	}
#headRight a {
	color: #959ca1;
	text-decoration: none;
	}
#headRight a:hover {
	color: #455560;
	text-decoration: underline;
	}

#navTop {
	height: 25px;
	padding: 10px 20px 0 20px;
	background: url(http://www.appirio.com/i2/images/navTop_bg.gif) repeat-x;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #dadddf;
	}
#navTop a {
	color: #dadddf;
	text-decoration: none;
	}
#navTop a:hover {
	color: #FFF;
	text-decoration: underline;
	}

#navTopSearch {
	float: right;
	padding: 8px 20px 0 0;
}
.navTopSearchBox {
	padding: 2px;
	margin: 0 5px 0 0;
	border: 1px solid #060708;
	background: url(http://www.appirio.com/i2/images/formSearchBG.gif) no-repeat;
	display: inline;
	font-size: 10px;
	color: #666;
	height: 14px;
	width: 150px;
}
.navTopSearchGo {
	display: inline;
	background: url(http://www.appirio.com/i2/images/formSearchGo.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 30px;
	height: 20px;
}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* Navigation drop-downs */

/* z-index will allow nav to appear */
#tNavDrop_container { 
position: relative; 
margin: 0 auto; 
width: 948px; 
height: 35px; 
z-index: 100;
background: url(http://www.appirio.com/i2/images/navTop_bg.gif) repeat-x;
padding: 0px;
}

/* Removes margin, padding and bullets in the unordered lists */
#tNavDrop, #tNavDrop ul {
padding: 0px; 
margin: 0px; 
list-style-type: none;
}

#tNavDrop a, #tNavDrop a:visited {
display:block;
}

#tNavDrop li ul li a, #tNavDrop li ul li a:visited {
width: 150px;  
line-height: 24px; 
text-decoration: none; 
font-size: 11px; 
color: #fff; 
padding: 7px 7px 7px 13px;
line-height: 120%;
}
#tNavDrop li a.NavBtm, #tNavDrop li a.NavBtm:visited {
border: 0px;
}

#tNavDrop li {
float: left; 
background: #344048;
margin: 0px;
}
#tNavDrop li ul li {
background: #344048;
}

/* For Non-IE browsers and IE7 */
#tNavDrop li:hover {
position: relative;
}
#tNavDrop li:hover > a {
background: #455560; color: #FFF;
}
#tNavDrop li ul {
display: none;
}
/* Do not remove transparent GIF */
#tNavDrop li:hover > ul {
display: block; 
position: absolute; 
top: 0px; 
left: 80px; 
padding: 14px 30px 30px 30px; 
background: transparent url(http://www.appirio.com/i2/images/pixel.gif); 
width: 120px;
}
/* 2nd level nav Positioning */
#tNavDrop > li:hover > ul {
left:-30px; 
top:20px;
}

/* Removes table needed for IE6 */
#tNavDrop table {
position: absolute; 
border: 0px; 
top: 0px; 
left: 0; 
z-index: 100; 
margin: 0px; 
padding: 0px;
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #tNavDrop li a:hover {
position: relative; 
background: #455560; 
color: #FFF;
}

/* For accessibility of the top level menu when tabbing */
#tNavDrop li a:active, #tNavDrop li a:focus {
background: #344048; 
color: #FFF;
}

/* IE5.5 and IE6 sublevel fixes */
* html #tNavDrop li ul {
visibility: hidden; 
display: block; 
position: absolute; 
top: 0px; 
left: 80px; 
padding: 15px 30px 30px 30px; 
background: transparent url(http://www.appirio.com/i2/images/pixel.gif); 
}
#tNavDrop li a:hover ul {
visibility: visible; 
left:-30px; 
top:20px;
}

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

/* Body Styles */

#bodyLeft, #bodyCenterSM, #bodyCenterReg {
	float: left;
	line-height: 150%;
	}
#bodyLeft h1, #bodyCenterSM h1, #bodyRight h1, #bodyCenterReg h1 {
	font-size: 20px;
	padding-bottom: 20px;
	margin: 0px;
	line-height: 110%;
	}
#bodyLeft h2, #bodyCenterSM h2, #bodyRight h2, #bodyCenterReg h2 {
	font-size: 16px;
	color: #669ac9;
	margin: 0px;
	padding: 5px 0;
	}
#bodyLeft h3, #bodyCenterSM h3, #bodyRight h3, #bodyCenterReg h3 {
	font-size: 14px;
	color: #455560;
	margin: 0px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	}
#bodyLeft h5, #bodyCenterSM h5, #bodyRight h5, #bodyCenterReg h5 {
	font-size: 11px;
	color: #999;
	margin: 0px;
	padding: 5px 0;
	font-weight: normal;
	}
#bodyLeft p, #bodyCenterSM p, #bodyRight p, #bodyCenterReg p {
	padding: 5px 0;
	margin: 0px;
	}
#bodyLeft a, #bodyCenterSM a, #bodyRight a, #bodyCenterReg a {
	color: #669ac9;
	text-decoration: none;
	}
#bodyLeft a:hover, #bodyCenterSM a:hover, #bodyRight a:hover, #bodyCenterReg a:hover {
	text-decoration: underline;
	}
#bodyLeft hr, #bodyCenterSM hr, #bodyRight hr, #bodyCenterReg hr {
	border: 0px;
	color: #669ac9;
	background-color: #669ac9;
	height: 1px;
	margin: 20px 0;
	padding: 0px;
	}
#bodyLeft ul, #bodyCenterSM ul, #bodyRight ul, #bodyCenterReg ul {
	margin: 0px;
	padding: 0 0 5px 30px;
}

#bodyLeft {
	width: 160px;
	padding: 20px 0 0 20px;
	}

#bodyCenterSM {
	width: 728px;
	padding: 20px 20px 0 20px;
	}

#bodyCenterBnnr {
	padding-bottom: 30px;
}

#bodyCenterReg {
	width: 708px;
	margin-top: 20px;
	float: left;
}

#bodyRight {
	float: right;
	width: 200px;
	padding: 0 0 20px 20px;
	font-size: 11px;
	}

#bodyLeftNav {
	float: left;
	margin: 20px 20px 20px 0;
	width: 200px;
	padding: 0px;
}

#bodyLeftNavTop {
	background: url(http://www.appirio.com/i2/images/leftNavTopBG.gif) no-repeat;
	padding: 8px 14px 4px 14px;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	margin-left: 20px;
}

#bodyLeftNavMid, #bodyLeftNavMidOn, #bodyLeftNavMidSub, #bodyLeftNavMidSub2 {
	background: url(http://www.appirio.com/i2/images/leftNavBG.gif) repeat-y #679ac9;
	color: #FFF;
	margin-left: 20px;
}

#bodyLeftNavMid {
	padding: 7px 13px 0 14px;
	font-size: 13px;
}

#bodyLeftNavMidOn {
	padding: 7px 13px 0 14px;
	font-weight: bold;
	font-size: 13px;
}

#bodyLeftNavMidSub {
	padding: 7px 13px 0 28px;
	font-size: 12px;
}

#bodyLeftNavMidSub2 {
	padding: 7px 13px 0 43px;
	font-size: 11px;
}

#bodyLeftNavBttm {
	background: url(http://www.appirio.com/i2/images/leftNavBttmBG.gif) repeat-y;
	width: 180px;
	height: 15px;
	margin-left: 20px;
}

#bodyLeftNavTop a, #bodyLeftNavMid a, #bodyLeftNavMidOn a, #bodyLeftNavMidSub a, #bodyLeftNavMidSub2 a {
	color: #FFF;
	text-decoration: none;
}
#bodyLeftNavTop a:hover, #bodyLeftNavMid a:hover, #bodyLeftNavMidOn a:hover, #bodyLeftNavMidSub a:hover, #bodyLeftNavMidSub2 a:hover {
	text-decoration: underline;
}

#FTleft {
	float: left;
	width: 15px;
	height: 39px;
	background: url(http://www.appirio.com/i2/images/FTleft.gif) no-repeat;
	margin-top: 20px;
	}
	
#FTcenter {
	float: left;
	height: 39px;
	background: url(http://www.appirio.com/i2/images/FTcenter.gif) repeat-x;
	font-size: 11px;
	color: #959ca1;
	padding: 8px 0 0 0;
	margin-top: 20px;
	}
#FTcenter a {
	color: #959ca1;
	text-decoration: none;
	}

#FTcenter a:hover {
	color: #333;
	text-decoration: underline;
	}

#FTright {
	float: left;
	width: 15px;
	height: 39px;
	background: url(http://www.appirio.com/i2/images/FTright.gif) no-repeat;
	margin-top: 20px;
	}

/* Home Page Styles */

#homeHero {
	height: 220px;
}

#homeHeroSolution {
	float: right;
	width: 220px;
	height: 220px;
	margin-right: 20px;
	background: url(http://www.appirio.com/i2/images/HPsolutionsBg.gif) repeat-y;
	}

#homeHeroSolutionT {
	padding: 8px 15px;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	background: url(http://www.appirio.com/i2/images/HPsoltionsTop.gif) no-repeat;
	}
	
#homeHeroSolutionB {
	padding: 10px 15px 0 15px;;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	}
#homeHeroSolutionC {
	padding: 20px 15px 0 15px;;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	}
#homeHeroSolutionC a {
	color: #FFF;
	}
#homeHeroSolutionB a {
	color: #FFF;
	text-decoration: none;
	}
#homeHeroSolutionB a:hover {
	text-decoration: underline;
	}
	
#homeDNA {
	margin: 20px;
	background: url(http://www.appirio.com/i2/images/HPdnaBg.gif) repeat-y;
	line-height: 150%;
	}
#homeDNA h1 {
	font-size: 12px;
	color: #3f4b00;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	}
#homeDNA p {
	padding: 5px 0 0 0;
	margin: 0px;
	font-size: 11px;
	}
#homeDNA a {
	color: #3f4b00;
	}
	
#homeContContainer {
	padding: 0 0 0 20px;
	float: left;
	}
	
#homeCont {
	line-height: 150%;
	margin-bottom: 15px;
	}
#homeCont2 {
	background: url(http://www.appirio.com/i2/images/HPhighBg.gif) repeat-y;
	margin-bottom: 15px;
	}
#homeCont3 {
	margin-bottom: 15px;
	}
#homeCont h1, #homeCont2 h1, #homeCont3 h1 {
	font-size: 12px;
	color: #679ac9;
	text-transform: uppercase;
	margin: 0px;
	padding: 0 0 5px 0;
	}
#homeCont h2 {
	font-size: 11px;
	color: #959ca1;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	}
#homeCont h2 span{
  padding:0px 4px;
  border:1px solid #dddddd;
  background:#f0f0f0;
  margin-left:5px;
  /* 角丸 */
  -moz-border-radius: 5px; /* Firefox用 */  
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */  
  -o-border-radius: 5px; /* Opera用 */  
  border-radius: 5px;  
  
  /* テキストシャドウ */
  text-shadow: 1px 1px 0 #FFF;
	}
#homeCont p, #homeCont2 p, #homeCont3 p {
	font-size: 11px;
	padding: 0 0 10px 0;
	margin: 0px;
	}
#homeCont a {
	color: #455560;
	text-decoration: none;
	}
#homeCont2 a {
	color: #679ac9;
	}
#homeCont3 a {
	color: #8a1e04;
	text-decoration: none;
	font-weight: bold;
	}
#homeCont a:hover, #homeCont3 a:hover {
	text-decoration: underline;
	}

/* Footer Styles */
	
#footer {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 1028px;
	background: url(http://www.appirio.com/i2/images/footer.gif) no-repeat;
	text-align: center;
	padding: 40px 0 20px 0;
	color: #999;
	font-size: 11px;
	}
#footer a {
	color: #999;
	text-decoration: none;
	}
#footer a:hover {
	color: #666;
	text-decoration: underline;
	}

/* Blogger Footer Styles */
	
#Appiriofooter {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 1028px;
	background: url(http://www.appirio.com/i2/images/footer.gif) no-repeat;
	text-align: center;
	padding: 40px 0 20px 0;
	color: #999;
	font-size: 11px;
	}
#Appiriofooter a {
	color: #999;
	text-decoration: none;
	}
#Appiriofooter a:hover {
	color: #666;
	text-decoration: underline;
	}

/** contact-form **/

#contact-form img { border:none; }
#contact-form .submit { text-align:center; }

#contact-form { }

#contact-form table { width:600px; }
#contact-form h1 { padding-bottom:5px; }
#contact-form p { margin:0; padding-bottom:15px; color:#666; }
#contact-form p span img { vertical-align:middle; }

#contact-form th,
#contact-form td { padding:5px 10px 5px 0; text-align:left; }

#contact-form th { width:130px; padding-right:20px; white-space:nowrap; }
#contact-form th.must { background:url("http://www.appirio.com/jp/i2/images/backRequiredGray.gif") no-repeat right center; }


#contact-form input.tel { width:50px; }
#contact-form input.text { width:250px; }
#contact-form select { width:250px; }
#contact-form textarea { width:250px; }

#contact-form .submit { text-align:center; padding:10px; }
#contact-form .submit input { vertical-align:middle; }

#contact-form #confirm_btn {
	width: 131px;
	height: 36px;	
	border: 0;
	background: url("http://www.appirio.com/jp/i2/images/btn_confirm.png") left top no-repeat;
	cursor: pointer;
}

#contact-form #back_btn {
	width: 131px;
	height: 36px;	
	border: 0;
	background: url("http://www.appirio.com/jp/i2/images/btn_back.png") left top no-repeat;
	cursor: pointer;
}

#contact-form #submit_btn {
	width: 131px;
	height: 36px;	
	border: 0;
	background: url("http://www.appirio.com/jp/i2/images/btn_submit.png") left top no-repeat;
	cursor: pointer;
}

.section { margin-top:20px; line-height:1.6; }
.section em { font-style:normal; color:red; }

.section .comment {
	
  padding:10px !important;
  margin:10px !important;
  border:3px solid #669AC9;  
	background:#F6F6F6;

  /* 角丸 */
  border-radius: 5px;  
  -moz-border-radius: 5px; /* Firefox用 */  
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */  
  -o-border-radius: 5px; /* Opera用 */  
  
  /* ボックスシャドウ */
  -moz-box-shadow: 4px 4px 4px #CCC; /* Firefox用 */  
  -webkit-box-shadow: 4px 4px 4px #CCC; /* Safari,Google Chrome用 */  
  box-shadow: 4px 4px 4px #CCC;

}

.press-header dt { float:right; }
.press-header dd { float:left; line-height:1.6; }

.clearfix { zoom:1; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }


/* social-plugins
----------------------------------------------- */
#social-plugins { margin-bottom:1em; }
#social-plugins ul { padding:0; margin:0; }
#social-plugins li { display:inline; float:left; margin-right:5px; list-style:none; }
#social-plugins li.twitter { margin-right:0; }