@charset "UTF-8";
/* CSS Document */


/*------------------------------------------------------------------------------
css.初期化
------------------------------------------------------------------------------*/


* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

/*------------------------------------------------------------------------------
common (共通)
------------------------------------------------------------------------------*/

body {
	background: #ADADAD url(../images/common/body_bg.jpg) repeat-y center;
}

div#container{
	width: 758px;
	margin-right: auto;
	margin-left: auto;
	background: #000404;
}

div#container a{
	outline: none;
}

div#wrapper{
	background: url(../images/common/main_bg.jpg) repeat-y;
	width: 759px;
}


div#header{
	width: 759px;	
}

div#header h1{
	float: left;	
}

div#header h1 a{
	background: url(../images/common/logo.jpg) no-repeat;
	display: block;
	height: 55px;
	width: 171px;
	text-indent: -9999px;	
}

div#header div#g_navi{
	float: left;
	background: url(../images/common/g_navi_bg.jpg) no-repeat;
	height: 55px;
	width: 588px;
}

div#header div#g_navi ul{
	list-style: none;
	padding-top: 10px;
	padding-left: 10px;
}

div#header div#g_navi li{
	float: left;		
}

div#header div#g_navi li.btn01 a{
	background: url(../images/common/g_navi01.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 84px;		
}

div#header div#g_navi li.btn02 a{
	background: url(../images/common/g_navi02.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 80px;		
}

div#header div#g_navi li.btn03 a{
	background: url(../images/common/g_navi03.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 80px;		
}

div#header div#g_navi li.btn04 a{
	background: url(../images/common/g_navi04.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 80px;		
}

div#header div#g_navi li.btn05 a{
	background: url(../images/common/g_navi05.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 80px;		
}

div#header div#g_navi li.btn06 a{
	background: url(../images/common/g_navi06.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 80px;		
}

div#header div#g_navi li.btn07 a{
	background: url(../images/common/g_navi07.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 84px;		
}


div#main{
	clear: both;
	width: 759px;
	background: url(../images/common/main_bg.jpg) repeat-y;
	height: auto;
}

div#main img{
	vertical-align: top;	
}

div#main div#contents_left{
	float: left;
	width: 171px;
}

div#main div#contents_left ul{
	
}

div#main div#contents_left li{
	
}

div#main div#contents_left a{
	
}

div#main div#main_contents{
	float: right;
	background: url(../images/common/contents_bg.jpg) no-repeat;
	width: 588px;
}

div#footer{
	clear: both;
	width: 759px;
	background: #000505 url(../images/common/footer_bg.jpg) no-repeat;
	height: 314px;
	text-align: center;
	padding-top: 20px;
}


/*------------------------------------------------------------------------------
message.html
------------------------------------------------------------------------------*/

div#message{
	width: 540px;
	margin-right: auto;
	margin-left: auto;
}

div#message h2{
	padding-top: 35px;
	padding-bottom: 15px;	
}

div#message h3{
	padding-top: 10px;
	padding-bottom: 15px;
}

div#message h4{
	text-align: right;
	padding-top: 25px;
	padding-bottom: 35px;
	clear: both;
	padding-right: 20px;
}

div#message p{
	font-size: 12px;
	line-height: 160%;
	color: #666666;
	padding-left: 3px;
	padding-right: 10px;
}

div#message div#image{
	float: left;
	padding-right: 10px;	
}

div#message div#right_box{
	float: left;
	width: 370px;
}

/*------------------------------------------------------------------------------
services.html
------------------------------------------------------------------------------*/

div#services{
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
}

div#services h2{
	padding-top: 35px;
	padding-bottom: 5px;	
}

div#services h3{
	padding-top: 25px;
	padding-bottom: 10px;	
}

div#services p{
	font-size: 12px;
	line-height: 160%;
	color: #666666;
	padding-right: 20px;
	padding-left: 15px;	
}

div#services ul{
	font-size: 12px;
	color: #547F86;
	line-height: 100%;
	padding-top: 10px;
	border: 1px solid #547F86;
	width: 470px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	list-style: none;
}

div#services li{
	padding-bottom: 5px;
	padding-left: 20px;
}



/*------------------------------------------------------------------------------
about.html
------------------------------------------------------------------------------*/

div#about{
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
}

div#about h2{
	padding-top: 35px;
	padding-bottom: 15px;	
}

div#about table {
	border-collapse: collapse;
	border: 1px solid #164556;
	width: 540px;
	margin-right: auto;
	margin-left: auto;
}

div#about th {
	border-collapse: collapse;
	border: 1px solid #164556;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding: 5px 5px 5px 20px;
	width: 120px;
	background: #71989F;
}

div#about td {
	border-collapse: collapse;
	border: 1px solid #164556;
	font-size: 12px;
	color: #666666;
	padding: 5px 5px 5px 20px;
}

div#about div#about_01{
	background: url(../images/contents/solutions_bg01.jpg) no-repeat;
	height: 218px;
	width: 528px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

div#about div#about_01 h3{
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

div#about div#about_01 h4{
	font-size: 12px;
	line-height: 160%;
	color: #547F86;
	padding-top: 10px;
	padding-left: 35px;
}

div#about div#about_01 p{
	font-size: 12px;
	line-height: 160%;
	color: #666666;
	padding-right: 20px;
	padding-left: 25px;	
}

div#about h3{
	padding-top: 25px;
	padding-bottom: 10px;	
}

div#about p{
	font-size: 12px;
	line-height: 160%;
	color: #666666;
	padding-right: 20px;
	padding-left: 15px;	
}



/*------------------------------------------------------------------------------
solutions.html
------------------------------------------------------------------------------*/

div#solutions{
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 150px;
}

div#solutions h2{
	padding-top: 35px;		
}

div#solutions h3{
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

div#solutions h4{
	font-size: 14px;
	line-height: 160%;
	color: #547F86;
	padding-top: 10px;
	padding-left: 25px;
	padding-bottom: 5px;
}

div#solutions p{
	font-size: 12px;
	line-height: 160%;
	color: #666666;
	padding-right: 20px;
	padding-left: 25px;	
}

div#solutions div#solutions01{
	background: #FAFEFE url(../images/contents/solutions_bg.jpg) no-repeat;
	width: 490px;
	border: 1px solid #CDD7E1;
	margin: 10px auto;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
	div#solutions div#solutions01 a{
		color: #547F86;
	}
	div#solutions div#solutions01 a:hover{
		color: #a1554b;
	}

div#solutions div#solutions02_wrap{
	width: 500px;
	margin: 20px auto 10px;
}
div#solutions div#solutions02{
	background: #FAFEFE url(../images/contents/solutions_bg.jpg) no-repeat;
	width: 250px;
	border: 1px solid #CDD7E1;
	padding: 5px;
	padding-left: 18px;
	margin: 0px;
}
	div#solutions div#solutions02 h4{
		font-size: 13px;
		padding: 0px;
		font-weight: bold;
	}




/*------------------------------------------------------------------------------
contact.html
------------------------------------------------------------------------------*/

div#contact{
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
}

div#contact p{
	font-size: 12px;
	line-height: 160%;
	color: #547F86;
	padding-right: 20px;
	padding-left: 25px;
}

div#contact h2{
	padding-top: 35px;
	padding-bottom: 15px;	
}

div#contact textarea {
	font-size: 12px;
}

div#contact table {
	border-collapse: collapse;
	border: 1px solid #164556;
	width: 540px;
	margin-right: auto;
	margin-left: auto;
}

div#contact th {
	border-collapse: collapse;
	border: 1px solid #164556;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding: 5px 5px 5px 20px;
	background: #71989F;
	clear: both;
}

div#contact td {
	border-collapse: collapse;
	border: 1px solid #164556;
	font-size: 12px;
	color: #666666;
	padding: 5px 5px 5px 20px;
	clear: both;
}

.w_500{
	width: 450px;
}

.w_350{
	width: 290px;
}

.w_200{
	width: 200px;
}

.w_150{
	width: 150px;
}

.red{
	color: #990000;
	float: right;
}

/*------------------------------------------------------------------------------
kakunin(確認ページ)
------------------------------------------------------------------------------*/
div#kakunin{
	font-size: 12px;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 25px;
}

div#kakunin h6{
	margin-bottom: 20px;
}

div#kakunin p{
	font-weight: bold;
}

div#err{
	width: 540px;
	font-weight: bold;
	padding-top: 50px;
	background: #FFFFFF;
	padding-bottom: 50px;
	text-align: center;
	margin: 30px auto 50px;
	font-size: 12px;
	color: #666666;
}

div#err h3{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	}
	
/*------------------------------------------------------------------------------
BLOG
------------------------------------------------------------------------------*/

div#blog{
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	margin-top: 30px;
}

div#blog p{
	font-size: 12px;
	line-height: 160%;
	color: #666666;	
}

div#blog div#pan ul{
	margin-top: 10px;
	margin-bottom: 10px;	
}

div#blog div#pan li{
	list-style-type: none;
	font-size: 10px;
	display: inline;
	margin-right: 1px;
	color: #666666;
}

div#blog div#pan a,
div#blog div#pan a:link,
div#blog div#pan a:visited{
	text-decoration: underline;
	color: #006666;
}

div#blog div#pan a:hover{
	text-decoration: none;
}

div#blog div#date{
	font-size: 10px;
	color: #FFFFFF;
	background-color: #3C7778;
	padding: 6px;
	width: 70px;
	margin-top: 20px;
}

div#blog div#item{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	margin-bottom: 5px;
	padding-bottom: 40px;
}

div#blog div#item h3{
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 4px;
}



div#blog div#item h3 a,
div#blog div#item h3 a:link,
div#blog div#item h3 a:visited{
	color: #999999;
	font-weight: bold;
}

div#blog div#item h3 a:hover{
	text-decoration: none;
}

div#blog div#item p{
	font-size: 12px;
	color: #666666;
	line-height: 160%;
}



div#blog_menu {
	width: 150px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
	background: url(../images/contents/blog_menu.jpg) ;
	padding-bottom: 50px;
}





 /* ===============================================
calendar
 ===============================================*/
 
 div#calendar {
	padding-top: 20px;
 }
 
 div#calendar h3 {
	font-size: 14px;
	line-height: 100%;
	color: #FFFFFF;
	background: #3C7778;
	padding: 5px;
	margin-bottom: 10px;
 }
 
 div#calendar table {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	width: 150px;
 }
 
 div#calendar td {
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	padding-right: 2px;
 }
 
 div#calendar th {
	font-size: 11px;
	color: #FF3300;
	padding-right: 2px;
	padding-left: 3px;
	padding-top: 3px;	
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
 }
 
 div#calendar a {
 	text-align: right;
	font-size: 11px;
	color: #FF3300;
	text-align: right;
 }
 

/* ===============================================
categories
 ===============================================*/
 
 div#category {
 }
 
 div#category h3 {
	font-size: 14px;
	line-height: 100%;
	color: #FFFFFF;
	background: #3C7778;
	padding: 5px;
	margin-top: 25px;
	margin-bottom: 10px;
 }
 
 div#category ul {
	list-style: none;
	padding-left: 15px;
 }
 
 div#category li {
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 100%;
	color: #FFFFFF;
	text-decoration: none;
 }
 
 div#category a {
	font-size: 12px;
	line-height: 100%;
	color: #FFFFFF;
	text-decoration: none;
 }
 
 div#category a:hover{
	font-size: 12px;
	line-height: 100%;
	color: #CCCCCC;
 }
 
 
 /* ===============================================
archives
 ===============================================*/
 
div#monthly {
 }
 
 div#monthly h3 {
	font-size: 14px;
	line-height: 100%;
	color: #FFFFFF;
	background: #3C7778;
	padding: 5px;
	margin-top: 25px;
	margin-bottom: 10px;
 }
 
 div#monthly ul {
	list-style: none;
	padding-left: 15px;
 }
 
 div#monthly li {
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 100%;
	color: #FFFFFF;
	text-decoration: none;
 }
 
 div#monthly a {
	font-size: 12px;
	line-height: 100%;
	color: #FFFFFF;
	text-decoration: none;
 }
 
 div#monthly a:hover{
	font-size: 12px;
	line-height: 100%;
	color: #666666;
 }


div#comments {
	padding-top: 50px;		
}

div#comments label {
	font-size: 11px;
	line-height: 160%;
	color: #333333;		
}


.comment-content {
	padding: 10px;
	width: 515px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 160%;
	color: #666666;
}



.comments-header {
	font-size: 14px;
	line-height: 100%;
	color: #006666;
	padding-top: 20px;
}

div#comments .comment-header {
	font-size: 13px;
	line-height: 100%;
	color: #333333;
	padding-bottom: 15px;
	padding-top: 20px;
}


div#comments h2.comments-open-header {
	font-size:14px;
	color:#006666;
	border-bottom:dotted 1px #006666;
	margin-top:40px;
	margin-bottom: 20px;
}

div#comments h3	{
	font-size:12px;
	color:#666666;
	padding:0 0 0 0;
	margin-bottom:0;
}

div#comments h4	{
	font-size:12px;
	color:#666666;
	padding:0 0 0 0;
	margin-bottom:0;
}

div#comments-open-footer{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 170px;
}

div#entry_footer ul{
	float: right;
	list-style: none;
	width: 215px;
}

div#entry_footer li{
	font-size: 11px;
	line-height: 100%;
	color: #339999;
	float: left;
}

div#entry_footer a,
div#entry_footer a:link,
div#entry_footer a:visited{
	font-size: 11px;
	line-height: 100%;
	color: #339999;
	text-decoration: underline;
	
}

div#entry_footer a:hover{
	text-decoration: none;
}


div#trackbacks{
	clear: both;
	padding-top: 30px;
}

div#trackbacks h2{
	font-size: 14px;
	line-height: 100%;
	color: #333333;
	padding-bottom: 10px;
}


div#trackbacks p{
	font-size: 12px;
	line-height: 160%;
	color: #666666;	
}

div.trackback{
	padding-top: 5px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

div.trackback p{
	font-size: 12px;
	line-height: 160%;
	color: #666666;	
}

div.trackback .asset-meta{
	font-size: 13px;	
}


div.comment-footer:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

div.comment-footer a,
div.comment-footer a:link,
div.comment-footer a:visited{
	font-size: 11px;
	line-height: 100%;
	color: #339999;
	text-decoration: underline;
	float: right;
	padding-top: 10px;
}

div.comment-footer a:hover{
	text-decoration: none;
}


div.comment {
	padding-top: 10px;	
}