/* CSS Document */

* { margin:0; padding:0;}
html{font-size:75%;line-height:1.5em; color:#666;}
body{
	background:#ededed;
	overflow-x : hidden;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;
}



blockquote.comment {
width: 288px;
background-color:#eee !important;
padding: 5px !important;
position: relative;
border: none !important;
margin:0 0 30px 0;
}

blockquote.comment.withImage {
margin-left: 135px !important;
}

blockquote.comment .arrow {
width: 0;
height: 0;
line-height: 0;
border-top: 30px solid #eee; 
position: absolute; 
bottom: 60%; 
}
blockquote.comment .arrow.right {
border-left: none; 
border-right: 30px solid white; 
right: -30px; 
}
blockquote.comment .arrow.left {
border-right: none; 
border-left: 30px solid white; 
left: -30px; 
}
blockquote.comment .arrow.test {
border-bottom: 1px solid #00f; 
border-left: 1px solid #f00; 
border-right: 30px solid #f90; 
right: -30px; 
}
blockquote.comment img {
position: absolute;
top: 0;
left: -150px;
}


/* サンプルtableの共通設定
----------------------------------------------------------- */
table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
}
th, td	{
	padding: 10px 20px;
	color: #1D5C79;
}


/* 料金表（2列）
----------------------------------------------------------- */
.price1	{
	border: 1px solid #DDD;
}
.price1 th	{
	background: url(images/th_10.jpg) repeat-x bottom;
	border: 1px solid #DDD;
	color: #333;
	width:75%;
}
.price1 td	{
	border: 1px solid #DDD;
	color: #333;
	width:25%;
	text-align: center;
}

/* SEO表（3列）
----------------------------------------------------------- */

.price2	{
	border: 1px solid #DDD;
}
.price2 th	{
	background: url(images/th_10.jpg) repeat-x bottom;
	border: 1px solid #DDD;
	color: #333;
	width:40%;
}
.price2 td	{
	border: 1px solid #DDD;
	color: #333;
	width:20%;
}

/* お問い合わせフォーム（2列）
----------------------------------------------------------- */
span.wpcf7-list-item {
margin-left: 0.5em;
display: block;
}

.contact	{
	border: 1px solid #DDD;
}
.contact th	{
	background: url(images/th_10.jpg) repeat-x bottom;
	border: 1px solid #DDD;
	color: #333;
	width:30em;
}
.contact td	{
	border: 1px solid #DDD;
	color: #333;
	text-align: left;
	width:3em;
}


#contacts {
	margin:0px 0 0 26px;
	padding:8px 0 0 0;
}

#topics {
	clear:both;
	margin:0px 0 0 26px;
	padding:8px 0 0 0;
	}

#topics h3 {
	background:url(images/rss.gif) left center no-repeat;
	padding:0 0 0 20px;
	}

#topics p {
	color: #888;
	}

#indenttopcontents {
	margin:27px 0 0 26px;
}

#bannergroup {
	width:500px;
}


#bannergroup .banner {
	float:left;
}


/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>
 *                  </li>
 *              </ul>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */

.menu li {
	margin:0;
	padding:0;
	background:none;
}


#tabs li {
	margin:0;
	padding:0;
	background:none;
}


#output li {
	margin:0;
	padding:0;
	background:none;
}

div#menu {
    height: 71px;
    width:750px;
    margin:0 auto;
    padding:10px 0 0 0;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 30px;
}

div#menu li {
    position: relative;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
    z-index: 9;
}
div#menu li:hover>ul {
    left: 0;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 41px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    color: rgb(150,150,150);
    font: normal 22px Helvetica, Arial, sans-serif;
    border: 1px solid #171717;
    margin-top: 1px;
    border-bottom: none;
}
div#menu.ie6 a {
    border-color: #171717;
    filter: chroma(color=#171717);
}
div#menu li:hover>a {
    border: 1px solid #fff;
    border-bottom-color: #eee;
    background: #eee;
}
div#menu li:hover>a span {
    color: #222;
}
div#menu a:hover {
    color: #fff;
    border: 1px solid #fff;
    border-bottom-color: #eee;
    background: #eee;
}
div#menu.js-active a:hover {
    border: 1px solid #171717;
    border-bottom-color: #eee;
    background: #eee;
}
div#menu.js-active a:hover span {
    color: rgb(150,150,150);
}
div#menu li.current a {}

div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}
div#menu ul ul a.parent span {
    background-position: 95% 8px;
    background-image: url(images/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
    background-image: url(images/item-pointer-mover.gif);
}

/* menu::level1 */
div#menu a {
    padding: 0 10px 0 10px;
    line-height: 24px;
    height: 54px;
}
div#menu span {
    margin-top: 5px;
    color: rgb(150,150,150);
    font: normal 22px Helvetica, Arial, sans-serif;
}
div#menu li { }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li {
    background: none;
    padding: 0;
    border-bottom: 0;
}
div#menu ul ul li,
div#menu ul ul li a {
    z-index: auto;
}
div#menu ul ul li ul {
    z-index: 20;
}
div#menu ul ul {
    display: block;
    position: absolute;
    top: 55px;
    left: -999em;
    width: 200px;
    padding: 5px 0 0 0;
    background: #fff;
    border: 1px solid #fff;
    margin-top: 1px;
}
div#menu ul ul a {
    padding: 0;
    height: 30px;
    float: none;
    display: block;
    line-height: 26px;
    font-size: 18px;
    border: 0;
    z-index: -1;
    white-space: nowrap;
}

/*level2 text color*/
div#menu ul ul a span {
    font-size: 14px;
    line-height: 26px;
    color: #666;
}
div#menu ul ul li:hover>a {
    border: 0;
}
div#menu ul ul a:hover {
    border: 0;
    background: #eee;
}
div#menu ul ul a:hover span {
    color: #000;
}
div#menu ul ul span {
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
    text-indent: 15px;
}

/* menu::level3 */
div#menu ul ul ul {
    padding: 0;
    margin: -54px 0 0 200px !important;
    margin-left: 160px;
    width:250px;
}

/** menu::subtext */
div#menu span.subtext {
    display: block;
    font-size: 12px;
    color: #9ba1ac;
    line-height: 16px;
    margin: 0;
    padding: 0;
}
div#menu li:hover>a span.subtext {
    color: #fff;
}

/* lava lamp */
div#menu li.back {
    position: absolute;
    width: 10px;
    height: 57px;
    z-index: 8;
    margin-top: 1px;
}
div#menu li.back .left {
    height: 57px;
    border: 1px solid #fff;
    border-bottom: none;
    margin-right: 5px;
    background: #222;
}




		.featureh3 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}

		div#feature_list {
			width: 750px;
			height: 240px;
			overflow: hidden;
			position: relative;
			margin:0 auto;
			padding: 0 0 20px 0;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs strong {
			line-height:180%;
			font-size:1.3em;
			width: 320px;
		}


		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
			background: none;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('images/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}









.inp_h{
height:24px;
margin:1px 0 4px 0;
}

em {color:#fff;
	font-weight:bold;
	font-size:0.8em;
	background: #666;
	line-height: 1.3em;
	}

a:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}

#mobileworks img{
	margin:10px 12px;
	float:left;
	
}

#post h3{
border-bottom: 1px dotted #CCC;
border-left: 8px solid #ddd;
padding: 2px 0 5px 10px;
margin:30px 0 10px 0;
line-height:180%;
font-size:1.3em;
color: #111;
}

#postpage h3{
border-bottom: 1px dotted #CCC;
border-left: 8px solid #000;
padding: 2px 0 5px 10px;
margin:30px 0 10px 0;
line-height:180%;
font-size:1.3em;
color: #111;
}


p{
font-size:1em;
margin:0 0 4px 0;
color:#1a2732;
}

#page h1{
	padding:10px;
	border-left:#000 10px solid;
	font-size: 1.3em;
	font-weight: bold;
	color:#000;
	background: #eee;
}

#single h1{
	padding:10px;
	border-left:#000 10px solid;
	font-size: 1.3em;
	font-weight: bold;
	color:#000;
	background: #eee;
}

#breadcrumb{
	margin:10px 0;
}

.frame{background:white;margin:0 4px 4px 0;padding:3px;border:1px solid #c6c6c6;}
.headertext{margin:-17px 0 0 0}
#returntop{background:url(images/34.png) left center no-repeat;padding:0 0 0 20px;margin:14px 30px 200px 0;}
.margintop10{margin:10px 0 0 0}
.marginbottom10{margin:0 0 10px 0}
.marginleft10{margin:0 0 0 10px}
.margin-top40{margin:-40px 0 0 0}
.margin-right6{margin:0 6px 0 0}
.cse-search-box{margin:-25px 0 20px 0;width:206px;}

#tel{background:url(images/28.png) 0 0 no-repeat;padding:0 0 0 20px;margin:0 0 5px 0}
#mail{background:url(images/04.png) 0 0 no-repeat;padding:0 0 0 20px;margin:0 0 5px 0}

.card{margin:0 15px 15px 0}

#logo {
	background:url(images/tel.gif) 601px top no-repeat;
	height:55px;
	margin:0 0 8px 6px;
	}
	
#headernavi {
	color:#455462;padding:28px 8px 0px 0;float:right
	}

#headernavi li{
display:inline;
border-right:1px solid #999;
list-style-type:none;
background:none;
	padding:0 0 0 18px;

line-height:1.7em;
	color:#666
}

#headernavi li.bnone{border-right:none;}
#headernavi a {background:none;color:#455462;margin:0 0.5em 0 -1em}


#headnavi {color:#455462;padding:11px 8px 0px 0;float:right}

#headnavi li{
display:inline;
border-right:1px solid #999;
list-style-type:none;
background:none;
	padding:0 0 0 18px;

line-height:1.7em;
	color:#666
}



#headnavi li.bnone{border-right:none;}
#headnavi a {background:none;color:#455462;margin:0 0.5em 0 -1em}

.midashi_02{margin:10px 0 10px 0;padding:0px 0 0px 15px;border-left:#0099cc 4px solid;font-size: small;font-weight: bold;color:#333;}
.midashi_price{font-size:1.4em;}
select{margin:3px 0 0 0}
input{margin:3px 0 0 0}
textarea{margin:3px 0 0 0}

#post{
margin:0 0 0 16px;
}

#post h2{
border-bottom: 1px dotted #999;
border-left: 8px solid #999;
padding: 2px 0 5px 10px;
margin:20px 0;
line-height:180%;
font-size:1.2em;
color: #111;
}

#postpage h2{
border-bottom: 1px dotted #999;
border-left: 8px solid #999;
padding: 2px 0 5px 10px;
margin:20px 0;
line-height:180%;
font-size:1.2em;
color: #111;
}




#post p{
padding:0 10px 0 1.3em;
margin:10px 0 15px 0;
color:#666;
font-size:1.2em;
line-height: 1.5em;
}

#post p strong{
	color: #333;
	font-size: 1.1em;
}

#post ol{
color:#666;
padding:0 0px 0 20px;
}

#post ol li{
background:none;
padding:0 0px 0 0px;
}

#post li { 
	background:url(images/arr_1.gif) 1px 8px no-repeat;
	margin:0 0 0 1.5em;
	line-height:1.7em;
	color:#666
}

#postpage{
margin:0 0 0 16px;
}

#postpage p{
padding:0 10px 0 1.3em;
margin:10px 0 15px 0;
color:#666;
line-height: 1.5em;
}

#postpage p strong{
color: #555;
}


#postpage ol li{
background:none;
padding:0 0px 0 0px;
}

#postpage li { 
	background:url(images/arr_1.gif) 1px 8px no-repeat;
	margin:0 0 0 1.5em;
	line-height:1.7em;
	color:#666
}

#post form{
color:#666;
padding:0 20px;
font-size:1.2em;
}

#post .thumb {
	padding-right:6px;
	float:left;
}
#post .thumb img {
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}





.single{margin:0 0 0 16px}
.text_privacy {padding:0 10px 0 21px;margin:8 0 0 0;text-align:justify;text-justify:distribute;color:#777777;font-size:1.2em;line-height: 1.5em;}
.text_privacy_h{font-weight: bold;font-size:1.5em;background:url(images/accept.png) 0 0 no-repeat; padding:0 0 8px 20px; margin:20px 0 10px 0;color:#758da5;}
.text_law{margin:0 0 0 20px;}

/*****************************************************************/
img#wpstats{display:none}
#tag{background:url(images/13.png) 0 0 no-repeat;padding:0px 0 0 20px;margin:30px 10px 0px 16px;color:#666;}
.navigation{float:left;background:url(images/004.png) 0 0 no-repeat;padding-left:20px;margin:20px 0 0px 0;color:#758da5;}}

#related_posts{
color:#758da5;
}

#related_posts li{
list-style-type: none;
}

#related_posts h2{
border-bottom: 1px dotted #ddd;
border-left: 8px solid #ddd;
padding: 2px 0 5px 10px;
margin:30px 0;
line-height:180%;
font-size:1.3em;
color: #111;
}



.package_description{
background:url(images/iphone.png) 150px 0px no-repeat;
padding:10px 0 10px 0px;
}

.package_description li { 
	background:url(images/arr_1.gif) 1px 8px no-repeat;
	padding:0 0 0 18px;
	line-height:1.7em;
	color:#666
}


.sample{ background:url(images/13.png) 0 0 no-repeat;padding-left:20px;margin:20px 0 20px 0;border-bottom:#EEEEEE 2px solid;width:85%;color:#758da5;}
.price{ background:url(images/36.png) 0 0 no-repeat; padding-left:20px;margin:50px 0 20px 0;border-bottom:#EEEEEE 2px solid;width:85%;color:#758da5;}
.blocksidebar{margin:10px 0 20px 26px}
.bottom{margin:0 0 40px 0}
.ec_thumb{margin:20px 0 20px 0;}
.mobileworks{margin-left:30px}
.mobileworks_thumb{float:left;margin:20px 10px 10px 10px;}
.customer{float:left;margin:0 10px 20px 0;width:100px}
.customer_frame{background:white;padding:3px;border:1px solid #c6c6c6;float:left;margin:0 10px 20px 0;width:100px}

.search{margin: 20px 0px 20px 0px;}
.search ul {width:400px;}
ul {margin:1em 0 0 0;}
li {
	background:url(images/arr_1.gif) 1px 8px no-repeat;
	padding:0 0 0 18px;
	line-height:1.6em;
	}
	
.partner{width: 430px; margin:10px 0 20px 0}
.results{float:left; margin:10px 7px 0 0}

#recent_posts{margin:10px 0 20px 20px;}
#recent_posts ul{list-style:none;}

hr{ border-style: dotted; border-color: #dddddd; width: 100%; height: 1px ;margin:10px 0 10px 0}

.banner{
	margin: 0 0 20px 0px;
	padding:0 0 0 0;
	width:230px}


.banner p{
	padding:0 0 0 12px;
	margin:4px 0 0 0;
	background:url(images/arr.gif) left center no-repeat;
	}

.banner h2{
	border-style:none;
	}


.indent{ margin:0; padding:0;}
.block{ width:auto;padding:0;}
.block_1{ width:auto; margin:0; padding:0;}
.block_2{ width:auto; margin:0; padding:0;}
#page #wrapper .h {margin:0; padding:0;}
.more{ margin:0; padding:0;}
.text_right{
text-align: right;
width:250px;
font-size:1em;
margin:5px 0 0 0;
}
.small{font-size:0.7em}
/*****************************************************************/

.image_h1 {	margin: 20px 0px 0px 60px;}
.image_h2 {	margin: 20px 0px 20px 60px;}
.image_h3 {	margin: 20px 0px 20px 60px;}
.text_h { margin: 20px 0px 20px 0px;}
.content { margin: 20px 0px 20px 0px; height:1200px}
.contact_h { margin:20px 0 20px 0px;text-align: center;}
.contact_form{background: url(images/right_pic_3.gif) right top no-repeat;width: 100%;margin-bottom: 24px;margin-top: 16px;}
.design {margin-left: 60px; width:700px}
.thumb {margin: 10px;}
.text_ec_h{ background:url(images/22.png) 0 0 no-repeat; padding:0 0 0 25px; margin:0 0 0 20px;border-bottom:#EEEEEE 2px solid;width:85%;color:#758da5;}



/*
.text_privacy_h {border-bottom:#EEEEEE 2px solid;width:240px;padding:3px;}
*/
.text_service {	margin-left: 14px;}
.text_indent { margin-left:60px; color:#808080;}
.text_indent_more { margin-left:82px; color:#808080;}
.text_gray {color: #808080;}
.text_blue {color: #0099cc;	font-size: 1em; font-family: tahoma; font-weight: bold;}
.text_red {color: #ff0000;	font-size: 1.5em; font-weight: bold;}
.text_orange{font-size:12px;line-height:18px;color:#0099CC;}
.topics {clear:both;width: auto; margin: 0 0 0 15px; padding: 0;}
ul {list-style:none;}






.col { float:left;}
.clear { clear:both;}
.right{ float:right;}

/*---links---*/
a img {border-style:none;}
a{ color:#455462; text-decoration:dotted;}
a:hover{ text-decoration:none;}
a:visited {	color: #455462;}
a:active { color: #455462;}
.link{ 
	background:url(images/arr.gif) right 5px no-repeat;
	padding:0 13px 0 0;
}
.link_1{ color:#576676; font-weight:bold;}
/*---//	links---*/
/*---txt---*/
.txt{ font-size:14px;}
.txt_1{ font-weight:bold; color:#455462;}
.txt_2{ color:#576676;}
.txt_3{ color:#455462; font-size:14px; font-weight:bold;margin:0 0 6px 0}
/*---// txt---*/
.main { margin:0 auto;width:764px;_margin:0 auto;_width:915px;}

#wrapper{ background:url(images/wrapp_fill.gif) left top repeat-y;margin:-60px 0 0 0;_margin:-50px 0 0 0;}
#wrapper .layer{ background:url(images/wrapp.gif) left bottom no-repeat; width:100%;}

#header { background: url(images/bg_header.jpg) left top no-repeat}
#header .indent {padding:0 0 0 13px;}
#header .block{margin:47px 0 0 50px;}
#header p {font-weight:bold; color:#455462;padding:10px 0 0 10px;float:left;width:415px}
#header p a{text-decoration:none;}
/*******************************************************************************************/
/*******************************************************************************************/
.table .left_top{ background:url(images/left_top.gif) left top no-repeat;}
.table .right_top{ background:url(images/right_top.gif) right top no-repeat;}
.table .left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.table .right_bot{ background:url(images/right_bot.gif) right bottom no-repeat;}
.table .left_bot_1{ background:url(images/left_bot_1.gif) left bottom no-repeat;}
.table .right_bot_1{ background:url(images/right_bot_1.gif) right bottom no-repeat;}

.table .side_top{ background:url(images/side_top.gif) left top repeat-x;}
.table .side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}
.table .side_left{ background:url(images/side_left.gif) left top repeat-y;}
.table .side_right{ background:url(images/side_right.gif) right top repeat-y;}
.right_pic{ background:url(images/right_pic.gif) right top no-repeat; width:100%;}
.right_pic_1{ background:url(images/right_pic_1.gif) right top no-repeat; width:100%;}
.right_pic_2{ background:url(images/right_pic_2.gif) right top no-repeat; width:100%;}
.right_pic_3{ background:url(images/right_pic_3.gif) right top no-repeat; width:100%;}
/*******************************************************************************************/
/*******************************************************************************************/
/*---page---*/
#page #wrapper .column {height:700px;margin:42px 0 0 0}
#page #wrapper .column .indent{padding:27px 20px 0 38px;}
#page #wrapper .column .h{margin:0 0 11px -3px;}
#page #wrapper .column .block{margin:0 0 20px -15px;}

#page #wrapper .column .block_1{width:206px; margin:0 0 0 0;}
#page #wrapper .column .block_1 .h{ background:url(images/bg_h.gif) 0 0 no-repeat; padding:0 0 0 43px; margin:0 0 7px 0;}
#page #wrapper .column .block_1 .more{margin:10px 14px 0 0;}
#page #wrapper .column .block_2{width:206px; margin:0 0 0 20px;}
#page #wrapper .column .block_2 .h{ background:url(images/bg_h.gif) 0 0 no-repeat; padding:0 0 0 43px; margin:0 0 7px 0;}
#page #wrapper .column .block_2 .more{margin:10px 1px 0 0;}

#page #wrapper .column_1 .indent{padding:8px 0 10px 0;margin:30px 0 0 0;_margin:60px 0 0 0;}
#page #wrapper .column_1 .h{padding:19px 0 0 23px;}
#page #wrapper .column_1 .table .indent{padding:4px 10px 22px 26px;}
#page #wrapper .column_1 .table .coment{ margin:17px 0 0 27px;}
#page #wrapper .column_1 .block { margin:30px 30px 0 26px;}
#page #wrapper .column_1 .block .date{background:url(images/1_pic_4.gif) 0 3px no-repeat; font-size:10px; color:#d34807; margin:0 0 4px 0; padding:0 0 0 17px;}
#page #wrapper .column_1 .block_1 { margin:20px 30px 0 26px;}
#page #wrapper .column_1 .block_1 .date{background:url(images/1_pic_4.gif) 0 3px no-repeat; font-size:10px; color:#d34807; margin:0 0 4px 0; padding:0 0 0 17px;}
#page #wrapper .column_1 .more{padding:11px 25px 0 0;}
/*---// page---*/

/*---page_1---*/
#page_1 #wrapper .column .indent{padding:8px 0 29px 12px;}
#page_1 #wrapper .column .h{padding:20px 0 0 23px;}
#page_1 #wrapper .column .table .indent{padding:7px 25px 15px 26px;}
#page_1 #wrapper .column .table .block{ margin:15px 0 12px 0;}
#page_1 #wrapper .column .more{padding:11px 0 0 0;}

#page_1 #wrapper .column_1 .indent{padding:28px 0 0 26px;}
#page_1 #wrapper .column_1 .h{margin:0 0 6px -3px;}
#page_1 #wrapper .column_1 .block{margin:0 0 20px 0;}
#page_1 #wrapper .column_1 .block .more{margin:10px 0 0 0;}

#page_1 #wrapper .column_1 .block_1{width:227px; margin:0 0 30px 0}
#page_1 #wrapper .column_1 .block_1 .indent{ padding:0 20px 0 0;}
#page_1 #wrapper .column_1 .block_1 .h{ background:url(images/bg_h.gif) 0 0 no-repeat; padding:0 0 0 43px; margin:0 0 7px 0;}
#page_1 #wrapper .column_1 .block_1 .more{margin:10px 14px 0 0;}
#page_1 #wrapper .column_1 .block_2{ width:201px;}
#page_1 #wrapper .column_1 .block_2 .indent{padding:47px 0 0 0;}
#page_1 #wrapper .column_1 .block_2 .more{margin:10px 1px 0 0;}
/*---// page_1---*/

/*---page_2---*/
#page_2 #wrapper .column .h{ background:url(images/bg_h.gif) 0 0 no-repeat; padding:0 0 0 43px; margin:0 0 3px 0;}
#page_2 #wrapper .column .indent{padding:14px 25px 30px 36px;}
#page_2 #wrapper .column .block{margin:0 0 45px 0;}
#page_2 #wrapper .column .block img{float:left; margin:4px 16px 0 1px;}
#page_2 #wrapper .column .block .more{margin:10px 0 0 0;}
#page_2 #wrapper .column .block_1 {margin:7px 0 16px 2px;}

#page_2 #wrapper .column_1 .indent{padding:26px 0 20px 0;}
#page_2 #wrapper .column_1 .block { margin:0 30px 0 26px;}
#page_2 #wrapper .column_1 .block img{margin:0 0 7px 0;}
#page_2 #wrapper .column_1 .block ul{margin:7px 0 0 0;}
#page_2 #wrapper .column_1 .more{padding:11px 25px 29px 0;}
#page_2 #wrapper .column_1 .h{padding:19px 0 0 23px;}
#page_2 #wrapper .column_1 .table{ margin:0 0 0 0;}
#page_2 #wrapper .column_1 .table .indent{padding:3px 10px 21px 26px;}
/*---// page_2---*/

/*---page_3---*/

#page_3 #wrapper .column .indent{padding:8px 0 10px 12px;}
#page_3 #wrapper .column .block{margin:13px 26px 0 26px;}
#page_3 #wrapper .column .block .h{padding:0 0 7px 0;}
#page_3 #wrapper .column .h{padding:20px 0 0 23px;}
#page_3 #wrapper .column .more{padding:11px 0 21px 343px;}
#page_3 #wrapper .column .table { margin:10px 0 0 0;}
#page_3 #wrapper .column .table .indent{padding:5px 20px 30px 26px;}
#page_3 #wrapper .column .table .indent img{float:left; margin:4px 15px 0 0;}
#page_3 #wrapper .column .table .h{padding:20px 0 0 23px;}
#page_3 #wrapper .column .table .more{padding:10px 0 0 0; margin:0;}


#page_3 #wrapper .column_1 .indent{padding:14px 0 26px 24px;}
#page_3 #wrapper .column_1 .h{ background:url(images/bg_h.gif) 0 0 no-repeat; padding:0 0 0 43px; margin:0 0 7px 0;}
#page_3 #wrapper .column_1 .block{margin:0 0 20px 0;}
#page_3 #wrapper .column_1 .block .more{margin:10px 0 0 0;}
#page_3 #wrapper .column_1 .block{margin:0 0 20px 0;}
#page_3 #wrapper .column_1 .block_1{padding:32px 0 20px 3px;}
/*---// page_3---*/

/*---page_4---*/
#page_4 #wrapper .column .indent{padding:8px 0 29px 12px;}
#page_4 #wrapper .column .h{padding:20px 0 0 23px;}
#page_4 #wrapper .column .table .indent{padding:7px 25px 15px 26px;}
#page_4 #wrapper .column .table .block{ margin:15px 0 12px 0;}
#page_4 #wrapper .column .more{padding:11px 0 0 0;}

#page_4 #wrapper .column_1 .indent{padding:14px 0 72px 24px;}
#page_4 #wrapper .column_1 .h{ background:url(images/bg_h.gif) 0 0 no-repeat; padding:0 0 0 48px; margin:0 0 3px 0;}
#page_4 #wrapper .column_1 .block{ padding:32px 0 0 0;}
/*---// page_4---*/

/*---page_5---*/
#page_5 #wrapper .column .indent{padding:1px 0 29px 13px;}
#page_5 #wrapper .column .h{padding:20px 0 0 23px;}
#page_5 #wrapper .column .more{padding:11px 0 0 0;}
/*---// page_5---*/

#footer {color:#7189a2;clear:both;background:url(images/pic_footer.jpg) 60px 25px no-repeat #ededed;padding:23px 0 20px 55px;}
#footer a{ color:#7189a2;text-decoration:none;}
#footer .indent { text-align:center ; padding:23px 0 10px 55px;}
#footer_service{background:#ededed;margin:-10px 0 20px 0}
#footer li{
	padding:0 0 0 18px;
	line-height:1.7em;
	color:#666;
	background:none;margin:0 0 0 -20px;
	}

.footnavi {text-align:center;}
.footnavi li{display:inline;border-right:1px solid #999;}
.footnavi li.bnone{border-right:none;}
.footnavi a {margin:0 0.5em;padding:0;}



/*---page---*/
#page #wrapper .column{ width:493px; float:left;}
#page #wrapper .column_1{ width:260px; float:left;}
/*---// page---*/

/*---page_1---*/
#page_1 #wrapper .column{ width:272px; float:left;}
#page_1 #wrapper .column_1{ width:456px; float:left;}
/*---// page_1---*/

/*---page_2---*/
#page_2 #wrapper .column{ width:493px; float:left;}
#page_2 #wrapper .column_1{ width:260px; float:left;}
/*---// page_2---*/

/*---page_3---*/
#page_3 #wrapper .column{ width:700px;}
#page_3 #wrapper .column_1{ width:241px; float:left;}
/*---// page_3---*/

/*---page_4---*/
#page_4 #wrapper .column{ width:272px; float:left;}
#page_4 #wrapper .column_1{ width:460px; float:left;}
/*---// page_4---*/

/*---page_5---*/
#page_5 #wrapper .column{ width:728px;}
/*---// page_5---*/

.tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}

table#table-02 {
	margin:20px 0 20px 0;
    width: 430px;
    border: 1px #E3E3E3 solid;
    border-spacing: 0;
    background: #D5F0F0 url(images/bg_02.gif) repeat-x 0 100%;
}

table#table-02 th {
    padding: 5px;
    border: #98DCDC solid;
    border-width: 0 0 1px 1px;
    background: #73CECE url(images/bg_02_header.gif) repeat-x 0 100%;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-02 td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #8ED9D9 #8ED9D9 #FFFFFF;
    color: #1A4444;
    text-align: center;
    white-space: nowrap;
}

/* 検索フォーム
----------------------------------------------------------- */
#searchform1 {
	position: relative;
}
#keywords1	{
	width: 173px;
	height: 16px;
	background: url(images/search.png) no-repeat 8px 3px;
	border: 1px solid #CCC;
	padding: 2px 2px 2px 26px;
}
#searchBtn1	{
	position: absolute;
	top: 0;
	left: 208px;
}

#searchform {
	margin: 25px 0 35px 0;
	}

#popular {
	margin: 20px 0 ;
	}

#popular h3 {
	background:url(images/22.png) left center no-repeat;
	padding:0 0 0 17px;
	margin:0 0 8px 0;
	font-size:1.2em;
	}


#popular li {
	background:url(images/arr_1.gif) 1px 8px no-repeat;
	padding:0 0 0 18px;
	line-height:1.9em;
	color:#666
	}

#recommendpost {
	margin: 20px 0 ;
	}

#recommendpost h3 {
	background:url(images/22.png) left center no-repeat;
	padding:0 0 0 17px;
	margin:0 0 8px 0;
	font-size:1.2em;
	}


#recommendpost li {
	background:url(images/arr_1.gif) 1px 8px no-repeat;
	padding:0 0 0 18px;
	line-height:1.9em;
	color:#666
	}