/* 全体 */
* {font-size:14px; text-align:left; line-height:1.5;}
html, body, #container {height: 100%;}
body        {text-align:center; margin-top:0px; margin-bottom:0px; background:#ffffff;}
a           { color: blue; }
p           { margin : 0px;}
h3          { margin : 0px; font-weight:normal; font-size:16px;}
#container  {width:920px;height: auto; 	margin:0px auto;min-height: 100%; text-align:center; background:#fefefe;}
#header     {width:920px; height : 100px;}
#head_bar   {background:#000000; color:#ffffff; padding:4px; margin:0px;}
#site_keyword {margin:2px 0px 0px 0px; font-family : 'HG明朝E',細明朝体,serif; color : #141568; font-size: 14px;}
#content    {width:920px;padding-bottom: 20px; clear:both; padding-top:15px;padding-left:0px; height: auto; margin:0px auto;min-height: 100%;}
#footer     {width:880px;position:relative;	clear:both; height: 30px;margin-top: -30px; margin-bottom: 5px; margin-left: auto; margin-right: auto; padding-top:8px;padding-left: 10px;text-align:left;border-top: 1px solid #cccccc;color:#555555;}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ヘッダメニュー */
ul#header_menu{
	margin : 0px 0px 10px 0px;
	padding : 0px;
	list-style : none;
}
ul#header_menu li{
	margin : 0px;
	padding : 0px 0px 0px 0px;
	float   : left;
}
ul#header_menu li a {
	display : block;
	float   : left;
}
ul#header_menu li a:after {
	content : " ";
	display : block;
	width   : 1px;
	height  : 20px;
	border-left : 1px dotted #666666;
	margin  : 8px 0px 0px 0px;
	float   : left;
}
ul#header_menu li a img {
	border : 0px;
}

#head_area2 h1 {
	clear      : both;
	background : #333333;
	color      : #ffffff;
	font-size  : 16px;
	padding    : 4px 0px 4px 15px;
	margin     : 10px 0px 0px 0px;
	position   : relative;
	border-radius : 10px;
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	behavior: url(/PIE.htc);
}


/* TOPページ */
.top_title { font-family:'HG明朝E',細明朝体,serif; font-size:20px;font-weight:normal;margin-top:0px;}
.top_news_title { font-family:'HG明朝E',細明朝体,serif; font-weight:normal; color:#000000; padding-left:5px;}
.top_news_box {float:left;margin-top:40px;margin-left:40px;width:320px;height:260px;padding:8px; background : url(img/bg_note.gif) no-repeat;}
.top_news_dtl {padding:5px;line-height: 1.5;margin-top:4px;border-top:1px solid #555555; font-weight:normal;width:290px;}
.top_news_dtl div { font-size:12px;}
.sub_title { padding : 6px; border-left:10px solid #141267; border-bottom:1px solid #141267;}
.sub_title a { color:#333399;font-size:16px;font-weight:bold;font-family:'HG明朝E',細明朝体,serif; text-decoration:none;}
.sub_title a:hover { color:#ff0000;}
.sub_detail { width:870px;padding-left:20px;font-size:14px;margin-bottom:20px;margin-top:5px; }
/*
.carousel { clear:both; margin-left:20px; margin-bottom: 40px; width:818px; height:200px; position: relative; background-image : url(img/bg_sliver.gif); }
.carousel { clear:both; margin-left:20px; margin-bottom: 40px; width:818px; height:200px; position: relative; background:#666666; }
.carousel { clear:both; margin-left:20px; margin-bottom: 40px; width:818px; height:200px; position: relative; border:1px solid #666666;}
*/
.carousel { clear:both; margin-left:20px; margin-bottom: 40px; width:820px; height:200px; position: relative; background-image : url(img/bg_sliver.gif); border-bottom:1px solid #666666;border-right:1px solid #666666;}
.carousel .prev { float:left; margin-top:50px;}
.carousel .next { float:right; margin-top:50px;}
.jCarouselLite { margin-top  : 25px; margin-left : 30px; margin-right: 30px; width: 640px;}
.jCarouselLite li { list-style-type : none; }
/*
.jCarouselLite li a { color:#0000FF; background-image:url(img/bg_box.gif)}
*/
.jCarouselLite li a { color:#0000FF; }
.jCarouselLite li a:hover { color:#FF0000; }
.jCarouselLite li img { width:130px; height:130px; margin-top:5px; margin-left:20px; margin-right:20px; border:0px; padding-bottom:5px; }

/* プロフィール */
.prof_title  { width:200px; padding:0px 6px 6px 6px; margin-top:0px;}
.prof_title1 { width:200px; padding:6px; border-left:10px solid #008000; border-bottom:1px solid #008000; margin-top:10px;}
.prof_title2 { width:200px; padding:6px; border-left:10px solid #fdd711; border-bottom:1px solid #fdd711; clear:both;}
.prof_title3 { width:200px; padding:6px; border-left:10px solid #74b1ee; border-bottom:1px solid #74b1ee;}
.prof_detail { padding-top:0px; margin:0px; }
.prof_card   { float:left;border:1px solid #000000;padding:10px; margin:20px 20px 0px 40px; }
.prof_card_l { float:left; width:180px;padding-right:5px; }
.prof_card_r { float:left; }
li { padding-top:5px; }

/* Webサービス */
#web_construction { padding-bottom:100px; }
#web_construction p { line-height:1.4; }
.web_title1   { clear:both; margin-top:20px; padding-top:6px;padding-bottom:6px;padding-left:10px; border-left:10px solid #008000; border-bottom:1px solid #008000; width:250px;}
.web_title2   { clear:both; margin-top:60px; padding-top:6px;padding-bottom:6px;padding-left:10px; border-left:10px solid #74b1ee; border-bottom:1px solid #74b1ee; width:250px;}
.web_title3   { clear:both; margin-top:65px; padding-top:6px;padding-bottom:6px;padding-left:10px; border-left:10px solid #fdd711; border-bottom:1px solid #fdd711; width:250px;}
.web_detail   { padding:10px; height : 130px;}
.web_detail_l { float:left;padding-right:20px;}
.web_detail_r { float:left;}
.web_box    { clear:both; padding-top:10px; width:600px; line-height: 1.2;}
.web_box_white { padding:2px; background:#cccccc;}


/* システム構築 */
#sys_construction { padding-bottom:100px; }
#sys_construction p { line-height:1.4; }
.sys_title1   { clear:both; margin-top:20px; padding-top:6px;padding-bottom:6px;padding-left:10px; border-left:10px solid #008000; border-bottom:1px solid #008000; width:250px; }
.sys_title2   { clear:both; margin-top:40px; padding-top:6px;padding-bottom:6px;padding-left:10px; border-left:10px solid #74b1ee; border-bottom:1px solid #74b1ee; width:250px; }
.sys_title3   { clear:both; margin-top:45px; padding-top:6px;padding-bottom:6px;padding-left:10px; border-left:10px solid #fdd711; border-bottom:1px solid #fdd711; width:250px; }
.sys_detail   { padding:10px; height : 130px;}
.sys_detail_l { float:left;padding-right:20px;}
.sys_detail_r { float:left;}
.sys_box    { clear:both; padding-top:10px; width:600px; line-height: 1.2;}
.sys_box_white { padding:2px; background:#cccccc;}

/* 新しい事への挑戦 */
#challenge { padding-bottom:100px; }
.challenge_title1   { clear:both; margin-top:20px; padding-top:6px;padding-bottom:6px;padding-left:10px; border-left:10px solid #008000; border-bottom:1px solid #008000; width:250px;}
.challenge_title2   { clear:both; margin-top:20px; padding-top:6px;padding-bottom:6px;padding-left:10px; border-left:10px solid #74b1ee; border-bottom:1px solid #74b1ee; width:250px;}
.challenge_title3   { clear:both; margin-top:15px; padding-top:6px;padding-bottom:6px;padding-left:10px; border-left:10px solid #fdd711; border-bottom:1px solid #fdd711; width:250px;}
.challenge_detail   { padding:10px; height : 130px;}
.challenge_detail_l { float:left;padding-right:20px;}
.challenge_detail_r { float:left;}
.challenge_box    { clear:both; padding-top:10px; width:600px; line-height: 1.2;}
.challenge_box_white { padding:2px; background:#cccccc;}


/* 闘い */
#fighting    { padding-bottom:10px; }
.fight_desc  { float:left;width:600px;padding-right:30px;line-height: 1.4; }
.fight_title { clear:both;margin-top:20px; color:#333399; font-family:'HG明朝E',細明朝体,serif; font-size:16px;font-weight:bold;}
.fight_box   { padding-top:10px; padding-bottom:10px;}
.fight_rec   { padding-top:10px; padding-bottom:10px;}

/* リンク */
.link{
	padding-top    : 20px;
	padding-bottom : 20px;
}

.link_l{
	width  : 200px;
	clear:both;
	float:left;
	padding-right : 20px;
}

.link_r{
	width  : 600px;
	float:left;
}

/* 汎用 */
.top20    { padding-top   :20px;}
.bottom20 { padding-bottom:20px;}