/*==============================================================
** Base Layout.
*  http://3bee.jp/
*
==============================================================*/
/*----------------------------------
Base layout
----------------------------------*/
body#contents {
	color: #fff;
}

body#contents p{
	line-height: 1.9em;
}

body#contents div#wrapper {
	width: 100%;
	text-align: center;
	background: url(/image/content/contentsBg.gif) repeat-x;	
}

/* Other Contents Css */


/*----------------------------------
 Link Module
----------------------------------*/
body#contents a:link {
	color: #fff;
	text-decoration: none;
}

body#contents a:visited {
	color: #fff;
	text-decoration: none;
}

body#contents a:hover {
	color: #063D5F;
	text-decoration: underline;	
}






/*----------------------------------
Common layout Style
----------------------------------*/
body#contents  div#container div#contents {
	margin: 10px 0;
}

div#container div#contents div.contentsMenuLeftCol {
	float: left;
	width: 220px;
	margin: 0 10px;
/*IE For Hack*/
	_margin: 0 5px;
}




div#container div#contents div.contentsMainRightCol {
	float: right;
	width: 640px;
	background-color: #255361;
	margin: 0 0 20px;
}

div#contents div.contentsMainRightCol p#goToTopLinks {
	text-align: right;
	padding: 0 10px;
	background-color: #255361;
}


/*----------------------------------
Common layout Style -headContents-
----------------------------------*/
div#container div#contents div.contentsMainRightCol div.cotentsHead {
	padding: 5px 5px 18px;
	background: url(/image/content/contentLine.gif) no-repeat bottom center;
}

div#container div#contents div.contentsMainRightCol div.cotentsHead h3{
	margin: 0 0 12px;
}

div#container div#contents div.contentsMainRightCol div.cotentsHead p.cotentsHeadText {
	margin: 10px 0;
}



div#container div#contents div.contentsMainRightCol div.section {
	margin: 24px 0;
	padding: 5px 5px 12px;
	background: url(/image/content/contentLine.gif) no-repeat bottom center;
}


/*==============================================================
Common layout Style -Menu-
==============================================================*/
div#container div#contents div.contentsMenuLeftCol {
	padding: 0 0 64px;
}

div#container div#contents div.contentsMenuLeftCol a:link {
	color: #333;
}

div#container div#contents div.contentsMenuLeftCol a:visited {
	color: #333;
}

div#container div#contents div.contentsMenuLeftCol h3 {
	padding: 6px 0 6px 46px;
	font-size: 116%;
	color: #000; 
	margin: 0 0 4px;
	background: url(/image/content/menuIcon02.png) no-repeat center left;
	border-bottom: 1px solid #6E7E80;
}

div#container div#contents div.contentsMenuLeftCol p.messageBox {
	color: #333;
	line-height: 1.4em;
	font-size: 100%;
	padding: 2px 6px;
	margin: 0 0 40px;
}

div#container div#contents div.contentsMenuLeftCol dl {
	padding: 6px 4px 24px;
}
div#container div#contents div.contentsMenuLeftCol dl dt {
	color: #222;
	font-size: 100%;
	cursor: pointer;
	padding: 2px 0 4px 22px;
	border: 1px solid #6E7E80;
	margin: 0 0 2px;
	background: #A2B2B3 url(/image/add.gif) no-repeat center left;	
	/*For IE hack*/
	_width: 212px;
	_height: 24px;
}

/*Tweeter*/
div#container div#contents div.contentsMenuLeftCol div#tweet {
	margin: 10px 0;
}

div#container div#contents div.contentsMenuLeftCol div.topTwitterLeft {
	margin: 0 0 40px;
}


div#container div#contents div.contentsMenuLeftCol div#tweet ul {
	color: #333;
	background: none;
	padding: 0;
}

div#container div#contents div.contentsMenuLeftCol div#tweet ul li{
	background: none;
	border: none;	
	border-bottom: 1px solid #333;
	padding: 4px;
}

div#container div#contents div.contentsMenuLeftCol dl dd {
	display: none;
}


div#container div#contents div.contentsMenuLeftCol dl dd ul {
	margin: 4px 6px;
	background-color: #8B9D9F;
	color: #333;
}

div#container div#contents div.contentsMenuLeftCol dl dd ul li{
	margin: 0 0 2px;
	padding: 2px 0 2px 24px;
	list-style: none;
}

div#container div#contents div.contentsMenuLeftCol dl dd ul li a{
	color: #fff;
}

div#container div#contents div.contentsMenuLeftCol ul {
	padding: 0 0 40px;
}

div#container div#contents div.contentsMenuLeftCol ul li {
	margin: 6px;
	border-bottom: 1px dotted #666;
	padding: 0 0 4px;
	/*list-style: disc inside;*/ 
	font-size: 104%;
}




/*==============================================================
Common layout Style -Pager Design-
==============================================================*/

div#pageNavigation {
	text-align: center;
	position: relative;
	margin: 20px 20px 60px;
}

div#pageNavigation a.pageStylelist,
span.current {
	padding: 4px;
	margin: 0 4px;
	border: 1px solid #333;
	background-color: #666;
	color: #fff;
}

div#pageNavigation a:hover.pageStylelist {
	color: #333;
	background-color:#fff;
	text-decoration: none;
}


div#pageNavigation span.current {
	background-color: #fff;
	color: #333;
}





/*==============================================================
* Other Contents
==============================================================*/
/* news */

div#contents div.contentsMainRightCol div.news h4 {
	background: url(/image/content/topicsInfo.gif) no-repeat center left;
	font-size: 124%;
	padding: 14px 40px;
	color: #fff;
	margin: 0 0 10px;
	font-weight: normal;
}

div#contents div.contentsMainRightCol div.news p.newsDate {
	font-size: 100%;
	color: #fff;
	padding: 0 10px;
	background-color: #255361;
}



div#contents div.contentsMainRightCol div.news span.newsDate {
	color: #9DADAF;
	font-size: 14px;
	margin: 0 4px 0;
}

div#contents div.contentsMainRightCol div.newsComment {
	margin: 0 8px 24px;
	width: 610px;
}

div#contents div.contentsMainRightCol div.newsComment div.newsCommentText {
	background-color: #fff;
	color: #222;
	padding: 4px 16px;
}

div#contents div.contentsMainRightCol div.newsComment div.newsCommentText p a {
	color: #1195CC;
}
div#contents div.contentsMainRightCol div.newsComment div.newsCommentText p a:visited{
	color: #1195CC;
}
div#contents div.contentsMainRightCol div.newsComment div.newsCommentText p a:hover{
	color: #000000;
}





div#contents div.contentsMainRightCol div.newsComment div.newsCommentText img {
	border: 2px solid #adadcc;
}

div#contents div.contentsMainRightCol div.newsComment span.newsIconImage {
	float: left;
	padding: 0 6px 6px 0;
}
div#contents div.contentsMainRightCol div.newsComment span#newsDate {
	text-align: right;
	display: block;
	color: #666;
	font-size: 90%;
	margin: 32px 0 12px;
	padding: 6px 2px;
	border-top: 1px solid #ccc;
}


/* news  -newsMenu-*/ 
div#container div#contents div.newsMenu dl dd ul li{
	background: url(/image/clock.gif) no-repeat center left;
}






/* Portfolio */

div#container div#contents div.portfolio {
	background: none;
}


div#container div#contents div.portfolio div.cotentsHead {
	background: url(/image/content/contentLine.png) no-repeat left bottom;
}

div#container div#contents div.portfolio div.portfolioSection {
	background: url(/image/content/contentLine.png) no-repeat left bottom;
}


div#container div#contents div.portfolio div.portfolioSection div.portfolioBox {	width: 600px;
	margin: 0 0 40px;
}

div#container div#contents div.portfolio div.portfolioSection div.portfolioBox img {
	border: 3px solid #fff;
}

div#container div#contents div.portfolio div.portfolioSection div.portfolioBox p.plLeftPhoto {
	float: left;
}

div#container div#contents div.portfolio div.portfolioSection div.portfolioBox p.plRightPhoto {
	float: right;
}

div#container div#contents div.portfolio div.portfolioSection dl {
	font-size: 94%;
	color: #000;
}

div#container div#contents div.portfolio div.portfolioSection dl a {
	color: #000;
}

div#container div#contents div.portfolio div.portfolioSection p#goToTopLinks {
	background: none;
}





/* About */

div#contents div.contentsMainRightCol div.about h4 {
	margin: 0 2px;
}

div#contents div.contentsMainRightCol div.about p {
	padding: 12px 8px 14px;
	color: #ffffff;
}

div#contents div.contentsMainRightCol div.about span.coution {
	font-size: 90%;
	color:#ccc;
	display: block;
	margin: 6px 0;
}

div#contents div.contentsMainRightCol div.about ul {
	margin: 6px 6px 20px;
	padding: 6px;
}

div#contents div.contentsMainRightCol div.about ul li{
	border-bottom: 1px dotted #226A80;
	padding: 2px;
}

div#contents div.contentsMainRightCol div.about ol {
	margin: 6px 6px 20px;
	padding: 6px;
}

div#contents div.contentsMainRightCol div.about ol li {
	padding: 0 0 60px;
	background: url(/image/content/aboutArrow.gif) no-repeat bottom center;
	margin: 0 0 20px;
}

div#contents div.contentsMainRightCol div.about ol li dl dt {
	padding: 4px 2px 4px 6px;
	font-size: 114%;
	background-color: #226A80;
}

div#contents div.contentsMainRightCol div.about ol li dl dd {
	margin: 10px;
}

p#mailLinks {
	margin: 0;
	padding: 0;
	text-align: center;
}




/* service */

div#contents div.contentsMainRightCol div.service h4 {
}

div#contents div.contentsMainRightCol div.service p {
	padding: 32px 8px 24px;
	color: #ffffff;
}

div#contents div.contentsMainRightCol div.service span.coutionService {
	font-size: 90%;
	color:#ccc;
	display: block;
	margin: 6px 0;
}

div#contents div.contentsMainRightCol div.service ul {
	margin: 6px 6px 30px;
}

div#contents div.contentsMainRightCol div.service li {
	float: left;
	background: url(/image/content/checkService.gif) no-repeat top left;
	padding: 0 0 0 20px;
	margin: 6px 32px 6px 0;
	width: 240px;
	font-size: 92%;
}

div#contents div.contentsMainRightCol div.serviceBox {
	background-color: #BDC8C9;
	width: 620px;
	margin: 0 6px 32px;
}

div#contents div.contentsMainRightCol div.serviceBox div.serviceBoxLeftCol {
	float: left;
	width: 420px;
}

div#contents div.contentsMainRightCol div.serviceBox div.serviceBoxLeftCol dl {
	padding: 12px 12px 12px;
	color: #0A4361;
}

div#contents div.contentsMainRightCol div.serviceBox div.serviceBoxLeftCol dl a{	color: #0A4361;
}


div#contents div.contentsMainRightCol div.serviceBox div.serviceBoxLeftCol dd {
	margin: 0 0 12px;
}

div#contents div.contentsMainRightCol div.serviceBox div.serviceBoxRightCol {
	float: right;
}


div#contents div.contentsMainRightCol div.serviceBox div.serviceBoxRightCol img {
	border: 2px solid #000;
}

div#contents div.contentsMainRightCol div.serviceBox div.serviceBoxRightCol img a:hover {
	border: 1px solid #000;
}

/* topics */

p#topicsAllView {
	text-align: right;
}

div#contents div.contentsMainRightCol div.topics h4 {
	background: url(/image/content/topicsInfo.gif) no-repeat center left;
	font-size: 124%;
	padding: 14px 40px;
	color: #fff;
	margin: 0 0 6px;
	font-weight: normal;
}

div#contents div.contentsMainRightCol div.topics span.newsDate {
	color: #eee;
	font-size: 16px;
	margin: 0 6px 0;
	padding: 2px;
}

div#contents div.contentsMainRightCol div.topics ul {
	background-color: #1288AC;
	width: 610px;
	margin: 0 8px 20px;
}



div#contents div.contentsMainRightCol div.topics ul li {
	float: left;
	padding: 4px;
}

div#contents div.contentsMainRightCol div.topics ul li img.categoryIconImg {
	border: 1px solid #222;
}


div#contents div.contentsMainRightCol div.topics ul li ol li {
	clear: both;
	padding: 0 0 0 140px;
	width: 310px;
	_width: 420px;	
	_word-break:break-all;
}

div#contents div.contentsMainRightCol div.topics ul li ol li.topicsCateTitle {
	background: url(/image/content/topicsCateIcon1.gif) no-repeat center left;
	margin: 0 0 10px;
}

div#contents div.contentsMainRightCol div.topics ul li ol li.topicsUrlTitle {
	background: url(/image/content/topicsCateIcon2.gif) no-repeat center left;
	width: 310px;
}


div#contents div.contentsMainRightCol div.topicsComment {
	margin: 0 8px 24px;
	width: 610px;
}

div#contents div.contentsMainRightCol div.topicsComment p.topicsCommentText {
	background-color: #fff;
	color: #222;
	padding: 4px 16px;
}

div#contents div.contentsMainRightCol div.topicsComment p.topicsCommentText a{
	color: #262626;
}

div#contents div.contentsMainRightCol div.topicsError h3 {
	color: #eee;
	font-weight: normal;
	text-align: center;
	margin: 40px 0;
}

div#contents div.contentsMainRightCol div.topicsError p {
	text-align: right;
}

div#contents div.contentsMainRightCol div.topicsError p a{
	color: #ccc;
}

div#contents div.contentsMainRightCol h4.topicMonthlyBar {
	padding: 6px 14px;
	font-weight: normal;
	color: #ffffff;
	font-size: 144%;
	background-color: #333;
}



/* topics -searc Result-*/
div#searchStatus {
	margin: 20px 10px;
	padding: 14px;
	background-color: #000;
}

div#searchStatus h4 {
	font-weight: normal;
}

div#searchStatus h4 span.searchWord {
	font-size: 182%;
	font-weight: bold;
	color: #14D6FF;
	margin: 0 6px;
}

div#searchStatus span.searchNum{
	font-size: 144%;
	font-weight: bold;
}



/* topics  -topicsMenu-*/ 



div#container div#contents div.topicsMenu dl dd ul li{
	/*background: url(/image/tag_blue.gif) no-repeat center left;*/
}

div#container div#contents div.topicsMenu dl dd ul li.viewAll{
	/*background: url(/image/tag_red.gif) no-repeat center left;*/
	padding: 8px 0 0 8px;
	height: 32px;
	font-weight: bold;
}



div#container div#contents div.contentsMenuLeftCol h3.topicsCate {
	background: url(/image/content/menuIcon01.png) no-repeat center left;
	border-bottom: 1px solid #6E7E80;
}


div#container div#contents div.topicsMenu h4.calenderTitle {
	padding: 4px 2px 0;
	color: #222;
	font-size: 100%;
	font-weight: normal;
}

table#calender {
	width: 220px;
	text-align:center;
	font-size: 12px;
	margin: 0px 0 24px;
}

table#calender th {
	padding: 1px;
	background: #333 url(/image/content/calbg.gif) repeat-x;
	color: #ccc;
	border: 1px solid #333;
}

table#calender td {
	border: 1px solid #ccc;
	color: #333;
	margin:0;
	padding: 2px;
}

table#calender td.linksCol {
	background-color: #7C8D8F;
	color: #fff;
	border: 1px solid #ddd;
}

table#calender td.linksCol a:link {
	color: #fff;
	font-weight: bold;
}

table#calender td.linksCol a:visited {	color: #fff;
	font-weight: bold;
}

table#calender td.linksCol a:hover {
	color: #ff0099;
	text-decoration: none;

}

/* service  -serviceMenu-*/ 
div#container div#contents div.serviceMenu ul li{
	background: #A2B2B3 url(/image/content/toolsicon.png) no-repeat center left;	padding: 4px 0 0 28px;
	border:1px solid #6E7E80; 
	color: #333;
}


div#container div#contents div.serviceMenu ul{
	background-color: #8B9D9F;
}


div#container div#contents div.serviceMenu ul li span.serviceMenuSub {
	display: block;
	font-size: 82%;
	color: #1B4653;
}

/* service  -serviceMenu-*/ 
div#container div#contents div.serviceMenu ul li{
	/*background: url(/image/content/toolsicon.gif) no-repeat center left;
	padding: 8px 0 0 28px;*/
}

/* contact */
div#contents div.contentsMainRightCol div.contactForm {
	margin: 0 8px 24px;
	width: 610px;
	background-color: #fff;
}

div#contents div.contentsMainRightCol div.contactForm table {
	width: 560px;
	margin: 12px;
	color: #333;
	font-size: 92%;
}

div#contents div.contentsMainRightCol div.contactForm table th{
	text-align: left;
	width: 160px;
	font-weight: normal;
	border: 1px solid #C0C0C0;
	margin: 4px;
	padding: 2px 0 6px 6px; 
	color: #000;
}


div#contents div.contentsMainRightCol div.contactForm table td {
	border: 1px solid #D7D6D6;
	padding: 12px;
}

div#contents div.contentsMainRightCol div.contactForm table textarea.txtareaBoxW{
	width: 380px;
	height: 160px;
	border: 1px solid #666;
}

div#contents div.contentsMainRightCol div.contactForm table input.inputBoxW {
	width: 360px;
	border: 1px solid #666;
}

div#contents div.contentsMainRightCol div.contactForm p.contactCoution {
	color: #333;
	margin: 0 0 0 16px;
}
div#contents div.contentsMainRightCol div.contactForm em {
	color: #888;
}
div.errorArea {
	margin: 6px 20px;
	color: #ff0099;
}

p.contactResult {
	text-align: center;
	color: #000;
}



p#submitBtn {
	text-align: center;
}