@charset "utf-8";

body { background: #ffffff url(images/background_repeat5.jpg) center top repeat-x; height: 100%; margin: 0px auto; font-family:"Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3","ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif; font-size: 14px; color: #000; }

#wrapper { background: transparent url(images/background5-1.jpg) center 0px no-repeat; }
a { text-decoration: none; color: #74AB00; outline: none; }
.clear { clear: both; width: 100%; font-size: 0px; }
#container { width: 940px; margin: 0px auto; position: relative; top: 0px; }
ul { list-style-type: none; }

#bread {background: transparent url(images/white_trans_80.png) center top repeat; padding: 10px 10px 0px 20px; position: relative; font-size:9px; color:#6c6c6c;}
#cap_content {background: transparent url(images/white_trans_80.png) center top repeat; padding: 40px 20px 40px 20px; position: relative; }
#pagination {background: transparent url(images/white_trans_80.png) center top repeat; padding: 10px 10px 30px 20px; position: relative;}
#content { background: transparent url(images/white_trans_80.png) center top repeat; padding: 20px 20px 20px 20px; position: relative; }

.col { float: left; }
/* .col a {font-size:80%;} */

/*----------------------------------
 pagination
------------------------------------*/
#pagination ul {}
#pagination ul li {font-size: 77%;display: inline;}
#pagination ul li em {font-style: normal;color: #fff;text-align: center;line-height: 1;margin: 2px 3px 2px 0;padding: 3px 6px;background: #000;border: 1px solid #000;}
#pagination ul li a,
#pagination ul li a:visited {color: #000;text-align: center;line-height: 1;margin: 2px 3px 2px 0;padding: 3px 6px;display: inline;background: #fff;border: 1px solid #ccc;}
#pagination ul li strong a,
#pagination ul li strong a:visited {color: #fff;background: #333;border: 1px solid #333;}
#pagination ul li a:hover {color: #fff;text-decoration: none;background: #000;border: 1px solid #000;}
#pagination ul.bottom {padding: 20px 0 50px;}



h1 { padding-bottom:6px;font-size: 30px;}
h2 { font-size: 20px; padding-bottom: 1px; color: #000033; }
h3 { font-size:18px;}
h4 { margin-bottom:5px; }

.input input { border: 3px solid #e0e0e0; height: 20px; padding: 4px 0px 1px 10px; font-size: 14px; }
.textfield, .password { border: 3px solid #e0e0e0; height: 20px; padding-top: 4px; padding-left: 10px; font-size: 14px; width: 277px; }
.form_input input, .form_input textarea { border: 3px solid #e0e0e0; padding: 4px 0px 1px 10px; height: 20px; margin-right: 10px; font-size: 14px; }
input { color: #097cb6; }


#super_show .left { position: relative; }
/*#super_show h2 { font-size: 14px; }*/

#header { height: 136px; }
#logo a { display: block; height: 45px; left: 5px; position: absolute; top: 20px; width: 340px; text-indent: -9999px; }
#tagline { float: left; text-indent: -9999px; }

#headoffice { position: absolute; right: 0px; }
	#headoffice li { float: left; height: 35px; display: inline; }
		#headoffice li a { display: block; height: 28px; padding-top: 5px; font-size: 9px; color: #FFEEFF; }

#main_menu { position: absolute; left: 0px; top: 80px; width: 100%; }
	#main_menu li { display: inline; }
		#main_menu li a { display: block; background: transparent url(images/mainnavi.png) 0px 0px no-repeat; float: left; height: 36px; text-indent: -9999px; }
	#main_menu li#vision a { background-position: 0px 0px; width: 154px; }
		#main_menu li#vision a:hover { background-position: 0px -36px; }
	#main_menu li#vision.selected a { background-position: 0px -72px; }
		#main_menu li#vision.selected a:hover { background-position: 0px -72px; }
	#main_menu li#solution a { background-position: -154px 0px; width: 168px; }
		#main_menu li#solution a:hover { background-position: -154px -36px; }
	#main_menu li#solution.selected a { background-position: -154px -72px; }
		#main_menu li#solution.selected a:hover { background-position: -154px -72px; }
	#main_menu li#aboutus a { background-position: -322px 0px; width: 163px; }
		#main_menu li#aboutus a:hover { background-position: -322px -36px; }
	#main_menu li#aboutus.selected a { background-position: -322px -72px; }
		#main_menu li#aboutus.selected a:hover { background-position: -322px -72px; }
	#main_menu li#recruit a { background-position: -485px 0px; width: 165px; }
		#main_menu li#recruit a:hover { background-position: -485px -36px; }
	#main_menu li#recruit.selected a { background-position: -485px -72px; }
		#main_menu li#recruit.selected a:hover { background-position: -485px -72px; }
	#main_menu li#news a { width: 130px; background-position: -650px 0px; }
		#main_menu li#news a:hover { background-position: -650px -36px; }
	#main_menu li#news.selected a { background-position: -650px -72px; }
		#main_menu li#news.selected a:hover { background-position: -650px -72px; }
	#main_menu li#contact a { background-position: -780px 0px; width: 160px; }
		#main_menu li#contact a:hover { background-position: -780px -36px; }
	#main_menu li#contact.selected a { background-position: -780px -72px; }
		#main_menu li#contact.selected a:hover { background-position: -780px -72px; }


#mini_nav {position: absolute;top: 116px; }
  #mini_nav li { float: left; height: 20px; }
  #mini_nav li a { background: transparent url(images/min_navi.jpg) 0px 0px no-repeat; height: 20px;display: block;    text-indent: -9999px; }
  #mini_nav #iphone a { background-position: 0px 0px; width: 240px; }
  #mini_nav #iphone a:hover {background-position: 0px -20px; }
  #mini_nav #trend a {width: 240px; background-position: -240px 0px; }
    #mini_nav #trend a:hover {background-position: -240px -20px; }
  #mini_nav #management a { width: 240px;background-position: -480px 0px; }
    #mini_nav #management a:hover {background-position: -480px -20px; }
  #mini_nav #diary a {  width: 220px;background-position: -720px 0px; }
    #mini_nav #diary a:hover {background-position: -720px -20px; }


.phototoday { background: transparent url(images/white_trans_80.png) center top repeat; width: 940px; height:250px;text-align:center;}
	
.main { width: 720px; margin-right: 20px; }
.left { width: 720px; }
.sub { width: 160px; }
/* .left {  width: 410px;  margin-right: 20px; } .right {  width: 290px; } */

.main2 {}
.left2{width: 720px;margin-right: 20px;  }

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

.clearboth { margin-left: 5px; }
.h2_with_space { margin-bottom: 10px; }

.dotted_list { list-style-type: disc; margin-left: 20px; }
.dotted_bottom { clear: both; font-size: 1px; line-height: 0px; padding-top: 1px; }

 .ad { margin-bottom: 20px; }
 .ad img {border:1px solid #666;border-width:1px 1px 1px 1px;margin-left:10px;}

.aprof {}
.ap_title{margin-left:10px;font-size:12px; border:1px solid #999;border-width:1px 1px 0px 1px;background:steelblue;padding:0px 0px 0px 10px;color:#fff;}
.author_profile {margin-left:10px; margin-bottom:40px; font-size:12px;border:1px solid #999;border-width:1px 1px 1px 1px;background:#fff;padding:10px 10px 10px 10px;}
.author_profile img {max-width:160px; }

 
.pall3 {width:700px; clear:both; padding-top:30px;}
.pall3_img {width:180px;float:left; margin-left:10px; margin-right:10px;}
.pall3_p { width:500px; float:left;font-size:12px;}


.atc {width:720px;font-size:13px; line-height:180%;}
.atc_l {  width:340px; float:left; margin-right:40px;}
.atc_r {  width:340px; float:right;}
.atc p {font-size:13px;}
.atc h3 { margin-bottom:10px;}
.atc ul {list-style-type: disc; margin-left:20px;}
.atc li {font-size:12px;}
.atc ol {margin-left:20px;}

.atcnote {width:680px; line-height:160%;padding:20px;background-color:whitesmoke;border:1px solid #dcdcdc;}
.atcnote p {font-size:12px;}
.atcnote h3 { margin-bottom:10px;}


Table.corpifo	{ width:100%; border: 1px solid #c1c5c9; border-width: 1px 1px 0px 0px; padding: 0; }
Table.corpifo th { width:15%;font-size: 12px; text-align: center; background: whitesmoke;border: 1px solid #c1c5c9; border-width: 0 0 1px 1px; padding: 8px; font-weight:bold;}
Table.corpifo td { font-size: 12px; text-align: left; background : white; border: 1px solid #c1c5c9; border-width: 0 0 1px 1px; padding: 8px; }
Table.corpifo	td.capt { padding: 15px 10px 15px 20px;}

	
#footer { background: transparent url(images/footer.gif) 0px 0px repeat-x; height: 31px; clear: both; margin-bottom: 60px; padding-left: 15px; padding-top: 10px; margin-top:50px;}
#footer_links li { float: left; margin: 0px 5px; color: #ebebeb; font-size: 11px; }
	#footer_links li a { color: #ebebeb; }


/* blog page */	
#cap_content_b {background: transparent url(images/white_trans_80.png) center top repeat; padding: 40px 20px 10px 20px; position: relative; }
.b_atc {width:680px; line-height:160%;padding: 0px 20px 0px 20px;}
.b_atc p {font-size:14px;}
.b_atc h3 { margin-bottom:10px;}
ul.ctag {list-style:none;margin-left:0px;display:inline;}
ul.ctag li {display:inline;font-size:10px;}
.btopimg {max-width: 680px;margin-bottom:30px; }

		
/* list */
h3.listtitle {font-size:20px;margin-bottom:10px;}
hr.sep {clear:both; margin-top:10px; margin-bottom:10px;border:none;border-top:1px dashed #ccc;}
.listthum {max-width: 120px; float: left; margin-right: 20px; margin-bottom:10px; display: block; overflow: hidden;}

.hidden {display:none;}
.search-results-header {font-size:20px;margin-bottom:20px;}



.gray_main_box { background: #00a3e1 url(images/blue_grad1.jpg) 0px 0px no-repeat;position: relative;padding-bottom: 20px;margin-bottom: 20px;width: 720px; }
.bottom_gradient_gray {background: transparent url(images/blue_grad2.jpg) 0px 0px no-repeat;height: 200px;width: 720px;position: absolute;bottom: 0px; }
 .above_gradient {position: relative;z-index: 1;padding: 20px 20px 0px 20px; }
.above_gradient p {color: #fff;margin-bottom: 15px; }

h2.h2_topentry { font-size:26px; margin-bottom: 20px; }
.topentry_title { font-size: 20px; font-weight: bold;margin-bottom:10px; }
.topentry_title a{}
.topentry_thumb a { max-width: 160px; height: 200px; float: right; margin-right: 0px; margin-left:10px; margin-top: 6px; display: block; overflow: hidden; }

/*----------------------------------
  TOP PAGE 
----------------------------------*/
#t_wrapper { background: transparent url(images/background5-1.jpg) center 0px no-repeat; }

#t_content { position: relative; }
.t_col { float: right; }

.t_main { width: 900px; background: transparent url(images/white_trans_70.png) center top repeat;padding: 20px 20px; }

#t_main_menu { position: absolute; left: 0px; top: 80px; width: 100%; }
	#t_main_menu li { display: inline; }
		#t_main_menu li a { display: block; background: transparent url(images/mainnavi_top.png) 0px 0px no-repeat; float: left; height: 36px; text-indent: -9999px; }
	#t_main_menu li#vision a { background-position: 0px 0px; width: 154px; }
		#t_main_menu li#vision a:hover { background-position: 0px -36px; }
	#t_main_menu li#vision.selected a { background-position: 0px -72px; }
		#t_main_menu li#vision.selected a:hover { background-position: 0px -72px; }
	#t_main_menu li#solution a { background-position: -154px 0px; width: 168px; }
		#t_main_menu li#solution a:hover { background-position: -154px -36px; }
	#t_main_menu li#solution.selected a { background-position: -154px -72px; }
		#t_main_menu li#solution.selected a:hover { background-position: -154px -72px; }
	#t_main_menu li#aboutus a { background-position: -322px 0px; width: 163px; }
		#t_main_menu li#aboutus a:hover { background-position: -322px -36px; }
	#t_main_menu li#aboutus.selected a { background-position: -322px -72px; }
		#t_main_menu li#aboutus.selected a:hover { background-position: -322px -72px; }
	#t_main_menu li#recruit a { background-position: -485px 0px; width: 165px; }
		#t_main_menu li#recruit a:hover { background-position: -485px -36px; }
	#t_main_menu li#recruit.selected a { background-position: -485px -72px; }
		#t_main_menu li#recruit.selected a:hover { background-position: -485px -72px; }
	#t_main_menu li#news a { width: 130px; background-position: -650px 0px; }
		#t_main_menu li#news a:hover { background-position: -650px -36px; }
	#t_main_menu li#news.selected a { background-position: -650px -72px; }
		#t_main_menu li#news.selected a:hover { background-position: -650px -72px; }
	#t_main_menu li#contact a { background-position: -780px 0px; width: 160px; }
		#t_main_menu li#contact a:hover { background-position: -780px -36px; }
	#t_main_menu li#contact.selected a { background-position: -780px -72px; }
		#t_main_menu li#contact.selected a:hover { background-position: -780px -72px; }

.t_h2_topentry { margin-bottom: 15px; font-size:30px;font-weight:bold; }

.t_topentry_title { font-size: 11px;margin-bottom:15px; color:#696969; }
.t_topentry_title a{font-size: 18px; font-weight: bold; margin-right:20px;}

.t_left  img.mt-image-none {max-width: 200px; max-height:160px;float: right; margin-right: 0px; margin-left:10px; margin-top: 6px; display: block; overflow: hidden; }

.t_topentry_thumb a { max-width: 160px; height: 200px; float: right; margin-right: 0px; margin-left:10px; margin-top: 6px; display: block; overflow: hidden; }
.t_topentry_note {margin-top:20px; font-size:10px; width:520px; text-align:right;}

#t_ad {margin-top:40px; margin-bottom:20px;}

#t_footer {  height: 31px; clear: both; margin-top:20px; margin-bottom: 60px; padding-left: 15px; padding-top: 10px; }
#t_footer_links li { float: left; margin: 0px 5px; color: #696969; font-size: 11px; }
	#t_footer_links li a {  }
	
/*----------------------------------
  TOP PAGE 2
----------------------------------*/
#t_wrapper2 { background: #000;margin:0px; }
#t_container { width: 940px; margin: 0px; position: relative; top: 0px; }
#t_logo2 a { display: block;background: transparent url(images/toplogo.png) 0px 0px no-repeat; height: 32px; left: 0px; position: absolute; top: 0px; width: 340px; text-indent: -9999px; }
#t_tagline2 { float: left; text-indent: -9999px; }

#t_header2 { clear:both;height: 36px;}
#t_main_menu2 { position: absolute; left: 0px; top: 25px; width: 100%;}
	#t_main_menu2 li { display: inline;}
		#t_main_menu2 li a { display: block; background: transparent url(images/mainnavi_top2.png) 0px 0px no-repeat; float: left; height: 36px; text-indent: -9999px; }
	#t_main_menu2 li#vision a { background-position: 0px 0px; width: 154px; }
		#t_main_menu2 li#vision a:hover { background-position: 0px -36px; }
	#t_main_menu2 li#vision.selected a { background-position: 0px -72px; }
		#t_main_menu2 li#vision.selected a:hover { background-position: 0px -72px; }
	#t_main_menu2 li#solution a { background-position: -154px 0px; width: 168px; }
		#t_main_menu2 li#solution a:hover { background-position: -154px -36px; }
	#t_main_menu2 li#solution.selected a { background-position: -154px -72px; }
		#t_main_menu2 li#solution.selected a:hover { background-position: -154px -72px; }
	#t_main_menu2 li#aboutus a { background-position: -322px 0px; width: 163px; }
		#t_main_menu2 li#aboutus a:hover { background-position: -322px -36px; }
	#t_main_menu2 li#aboutus.selected a { background-position: -322px -72px; }
		#t_main_menu2 li#aboutus.selected a:hover { background-position: -322px -72px; }
	#t_main_menu2 li#recruit a { background-position: -485px 0px; width: 165px; }
		#t_main_menu2 li#recruit a:hover { background-position: -485px -36px; }
	#t_main_menu2 li#recruit.selected a { background-position: -485px -72px; }
		#t_main_menu2 li#recruit.selected a:hover { background-position: -485px -72px; }
	#t_main_menu2 li#news a { width: 130px; background-position: -650px 0px; }
		#t_main_menu2 li#news a:hover { background-position: -650px -36px; }
	#t_main_menu2 li#news.selected a { background-position: -650px -72px; }
		#t_main_menu2 li#news.selected a:hover { background-position: -650px -72px; }
	#t_main_menu2 li#contact a { background-position: -780px 0px; width: 160px; }
		#t_main_menu2 li#contact a:hover { background-position: -780px -36px; }
	#t_main_menu2 li#contact.selected a { background-position: -780px -72px; }
		#t_main_menu2 li#contact.selected a:hover { background-position: -780px -72px; }
		
#myConent {margin:0px; }


.bloglnk {margin-bottom:20px;}
.bloglnk .asset-header {font-size:11px; padding:0px 2px 10px 8px; }
.bloglnk .asset-header a {font-size:12px;}

.ipcont {border:1px solid #228B22; border-width:2px 2px 2px 2px; padding:20px 10px 20px 60px; background:transparent url(images/ipconbg.jpg) 0px 0px no-repeat;color:white;}
.ipconttbl td {padding:4px;font-size:12px;color:white; }

.ipcorp {font-size:12px; color:#333; padding:30px 0px 30px 80px; background:snow;border:1px solid #dcdcdc; border-width:1px 1px 1px 1px;}