@charset "utf-8";

*{margin:0;padding:0;}

body{
font: 12px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: #ffffff url(images/topbg.jpg) repeat-x left top;
}

body.archive, body.single, body.page {
background: #ffffff url(images/topbg02.jpg) repeat-x left top;
}

a{color:#0958A7}
a:hover{color:#0958A7;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

strong {
color:#CF0C19;
font-weight:normal;
}

ol {
padding-left:30px;
}

ol li {
line-height:1.8;
padding-top:10px;
}

#main .asta {
line-height:1.8;
font-size:11px;
}

#main .pdf {
background: url(images/pdf.gif) no-repeat 8px center;
padding-left:30px;
}



/*************
画像設定
*************/
#main .img_set {
vertical-align:bottom;
}

#main .centerimage {
text-align:center;
padding:20px 0 20px 0;
margin:0;
line-height:1;
}

#main .centerimage img {
vertical-align:bottom;
margin:0;
}

#main .centerimage_no {
text-align:center;
padding:0px 0 20px 0;
margin:0;
line-height:1;
}

#main .centerimage_no img {
vertical-align:bottom;
margin:0;
}

#main .centerimage_allno {
text-align:center;
padding:0px;
margin:0;
line-height:1;
}

#main .centerimage_allno img {
vertical-align:bottom;
margin:0;
}

#main .alignleft {
float:left;
margin:0 20px 0 15px;
}

#main .alignright {
float:right;
margin:0 15px 0 20px;
}

#main p.no_top {
padding-top:0;
margin-top:0;
}

#main .inimage img {
display:inline;
}

#main .m_left10 {
margin-left:10px;
}

/*************
リスト設定
*************/
#main .ul_01 {
margin:0;
padding:0;
}

#main .ul_01 li {
list-style:none;
}

#main .ul_01 li img {
vertical-align:bottom;
float:left;
}

#main .ul_01 li p {
float:right;
}

#main .ul_02 {
margin:0;
padding:0 0 0 25px;
}


/*************
dl設定
*************/
#main .dl_01 {
padding:0 10px;
}

#main .dl_01 dt {
font-size:15px;
color:#E15A00;
font-weight:bold;
padding:0 0 5px 5px;
margin:0;
text-align:center;
border-bottom:1px solid #E15A00;
}

#main .dl_01 dd {
padding:10px 10px 25px 10px;
line-height:1.8;
}


/*************
余白設定
*************/
#main .p_top30 {
padding-top:30px;
}
#main .p_bottom15 {
padding-bottom:15px;
}
#main .p_bottom30 {
padding-bottom:30px;
}
#main .m_bottom10 {
margin-bottom:10px;
}
#main .m_bottom15 {
margin-bottom:15px;
}
#main .m_bottom20 {
margin-bottom:20px;
}
#main .p_20 {
padding:20px 0;
}
#main .m_top10 {
margin-top:10px;
}
#main .p_top0 {
padding-top:0;
}
#main .m_top0 {
margin-top:0;
}

/*************
文字設定
*************/
#main .textcenter {
text-align:center;
}
#main .point {
color:#C21233;
}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 884px;
}

#box {
background: url(images/boxbg.png) repeat-y left top;
width: 835px;
padding:15px 25px 30px 25px;
float:left;
}

/*************
/* ヘッダー
*************/
#header{
width:875px;
margin:0 auto;
}

#header h1 {
font-size: 11px;
font-weight: normal;
color:#FFFFFF;
padding:15px 0 10px 0;
}

#header img {
vertical-align:bottom;
}

#header #flash2 {
	background:#FFFFFF;
	margin:28px 0 30px 0;
border:1px solid #FFFFFF;
}

#header object {
vertical-align: bottom;  
}

#header #logo {
padding:5px 0 15px 0;
}


/*************
/* トップナビゲーション
*************/
#topnav {
	width: 875px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	height: 52px;
	clear: both;
	background: url(images/topnavi_bg.png) no-repeat left top;
	padding:8px 0 8px 7px;
} 

#topnav li {
	width:174px;
	float:left;
	list-style:none;
	text-indent:-9999px;
}
  
#topnav li a {
	width:174px;
	height:53px;
	float:left;
	display:block;
}

#topnav li.menu01 a {
	background: url(images/menu01_off.png) no-repeat left top;
}
#topnav li.menu01 a:hover {
	background: url(images/menu01_on.png) no-repeat left top;
}

#topnav li.menu02 a {
	background: url(images/menu04_off.png) no-repeat left top;
}

#topnav li.menu02 a:hover {
	background: url(images/menu04_on.png) no-repeat left top;
}

#topnav li.menu03 a {
	background: url(images/menu02_off.png) no-repeat left top;
}

#topnav li.menu03 a:hover {
	background: url(images/menu02_on.png) no-repeat left top;
}

#topnav li.menu04 a {
	background: url(images/menu03_off.png) no-repeat left top;
}

#topnav li.menu04 a:hover {
	background: url(images/menu03_on.png) no-repeat left top;
}

#topnav li.menu05 a {
	background: url(images/menu05_off.png) no-repeat left top;
}

#topnav li.menu05 a:hover {
	background: url(images/menu05_on.png) no-repeat left top;
}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: left;
width: 595px;
display: inline;
}

#main h2 {
padding: 13px 10px 20px 18px;
line-height: 1;
font-size: 18px;
background: #FFFFFF url(images/h2.jpg) no-repeat;
}

#main h3 {
font-size: 15px;
padding: 9px 0px 20px 35px;
line-height: 1;
background: url(images/h3.gif) no-repeat ;
color: #FFFFFF;
margin:20px 0 10px 0; 
}

#main h4 {
font-size: 14px;
padding:20px 0px 15px 15px;
line-height: 2;
color:#0958A7;
background: #FFFFFF url(images/h4_bg.jpg) repeat-x left bottom;
}

#main h5 {
font-size: 13px;
padding:0px 0px 10px 15px;
color:#0958A7;
border-bottom: 1px solid #0958A7;
border-left: 3px solid #0958A7;
margin:30px 0 10px 0;
}

#main p {
padding: 5px 10px 5px 10px;
line-height: 1.8;
}

/* 画像を右に回りこみ */

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#d44b00;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */


.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
font-weight:bold;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#fff;}
p.button a:hover{color:#d44b00;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: right;
width: 220px;
}

#sidebar #merumaga {
vertical-align:bottom;
margin-bottom:15px;
}

#sidebar p{margin-bottom: 20px;}

#sidebar #sidemenu {
background: url(images/sidemenu.jpg) no-repeat left bottom;
padding-bottom:3px;
margin-bottom:15px;
width:220px;
}

#sidebar #sidemenu dt {
background: url(images/sidemenu_midashi.jpg) no-repeat left top;
color:#FFFFFF;
font-size:14px;
line-height:1;
font-weight:bold;
padding:18px 0px 15px 15px;
}

#sidebar #sidemenu dd {
background: url(images/sidemenu_bg.jpg) repeat-y left top;
padding-top:10px;
}

#sidebar #sidemenu li {
margin-bottom: 10px;
padding:0px 20px 10px 18px;
list-style: none;
border-bottom: 1px dashed #999999;
font-size:13px;
}

#sidebar #sidemenu li a {
background: url(images/list.jpg) no-repeat 0 50%;
display: block;
padding-left:23px;
color:#000000;
}

#sidebar #sidemenu li a:hover{background-position: 3px 50%;color:#04549B;}


/*************
/* フッター
*************/
#footer{
clear:both;
padding-top:20px;
background: #0958A7 url(images/footer.gif) repeat-x left top;
}

#footer .inner {
padding:10px 30px 15px 30px;
width:875px;
margin:0 auto;
color:#FFFFFF;
}

#footer #companyinfo {
text-align:left;
}

* html #footer .inner {height:1%;}

#footer .inner ul {
margin:0;
padding:10px 0;
border-top:1px solid #B3D1EF;
border-bottom:1px solid #B3D1EF;
text-align:center;
font-size:0.85em;
}

#footer .inner li {
display:inline;
}

#footer .inner li a {
border-left:1px solid #cccccc;
padding-left:10px;
margin-left:5px;
color:#FFFFFF;
}

#footer .inner li.home a {
border-left:none;
color:#FFFFFF;
padding:0;
margin:0;
}

address {
padding: 20px 0 3px;
text-align: center;
font-style:normal;
clear:both;
display:block;
}

#footer #companyinfo {
background: url(images/footer_logo.gif) no-repeat left center;
padding-left:170px;
margin-bottom:20px;
}

#footer #companyinfo dt {
font-weight:bold;
padding-bottom:3px;
}


/****************
/* トップページ
****************/

#topimage {
text-align:center;
margin-bottom:20px;
}

#main #topics {
padding:2px 10px 7px 10px;
margin:0px 0 20px 0;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

#main #topics li {
list-style:none;
padding:0 0 3px 30px;
border-bottom:1px dotted #FEFEFE;
background: url(images/list.gif) no-repeat 10px center;
}

#main #topics .date {
padding-right:10px;
}

#main #pickup {
padding:25px 0 15px 20px;
margin:0;
float:left;
}

#main #pickup li {
width:169px;
float:left;
padding:0 20px 10px 0;
margin:0;
list-style:none;
}

#main #pickup li img {
vertical-align:bottom;
}

#main #pickup li p {
background: url(images/top_sam.gif) no-repeat top left;
padding:7px 0 0 0;
margin:0;
text-align:center;
font-size:11px;
color:#4F4F4F;
}

#main #pickup li p a {
font-size:12px;
}

#sidebar .blog_rss {
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:10px 15px;
margin:0 0 15px 0;
background: url(images/rss.gif) no-repeat 165px 8px;
}

#sidebar .blog_rss li {
list-style: none;
padding:0 0 5px 0;
margin:0;
width:188px;
}

#sidebar .blog_rss li dl {
padding:0;
margin:0;
}

#sidebar .blog_rss li dt {
color:#0958A7;
padding:0 0 3px 0;
margin:0;
}

#sidebar .blog_rss li dd a {
color:#000000;
text-decoration:none;
}

.home #main h2 {
background: url(images/jisseki_midashi.jpg) no-repeat left top;
padding:12px 5px 10px 25px;
font-size:16px;
}

html>/**/body.home #main h2 {
padding-top /*\**/:11px\9;
}

.home #main h2 img {
float:right;
margin-top:-3px;
}

/****************
/* トピックス
****************/
#main #topi {
margin-top:13px;
}

#main #topic_list {
padding:0 10px 20px 10px;
margin:0;
}

#main #topic_list li {
list-style:none;
padding:10px 0;
margin:0;
border-bottom:1px solid #CCCCCC;
}

#main #topic_list li span {
padding-right:15px;
}

/****************
/* 会社概要
****************/

#gaiyou {
width:573px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
margin:0 auto;
}

#gaiyou th {
text-align:left;
width:100px;
padding:10px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
background-color:#F7F7F7;
color:#333333;
}

#gaiyou td {
padding:10px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#map {
}


/****************
/* モバルベ
****************/

.service-function {
width:563px;
margin-top:10px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
margin-bottom:15px;
}

.service-function  th {
text-align:left;
width:130px;
padding:10px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
background-color:#F7F7F7;
color:#333333;
}

.service-function  td {
padding:10px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}

/****************
/* ご利用料金
****************/

.price {
width:573px;
margin:10px auto 0 auto;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
margin-bottom:15px;
text-align:center;
padding:0;
}
.price th {
width:130px;
padding:10px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
background-color:#F7F7F7;
color:#333333;
}

.price td {
padding:10px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}


/****************
/* 制作実績
****************/

#main .jisseki {
width:540px;
margin:0 auto;
padding:0;
}

#main .jisseki li {
width:120px;
float:left;
padding:0 20px 20px 0;
list-style:none;
margin:0;
text-align:center;
font-size:11px;
}

#main .jisseki .no_space {
padding:0;
}

#main .jisseki li img {
vertical-align:bottom;
margin-bottom:10px;
}

#main .jisseki li a {
font-size:12px;
}

#main .jisseki li a:hover {
text-decoration:underline;
}


#main .jisseki li p {
padding:0;
}


/****************
/* お問い合せ
****************/

#main .contactform {
width:573px;
margin-top:10px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
margin:20px auto;
padding:0;
}
#main .contactform th {
width:130px;
padding:15px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
background-color:#E0EBEF;
color:#333333;
}

#main .contactform td {
padding:15px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
line-height:2;
}

#main #send {
text-align:center;
}

/****************
/* ホームページ制作
****************/
#main #seisakuflow {
margin:20px auto;
padding:0;
width:540px;
}


#main #seisakuflow li {
padding:20px;
list-style:none;
margin:0 0 20px 0;
border:1px solid #cccccc;
float:left;
width:498px;
}

#main #seisakuflow li img {
float:left;
}

#main #seisakuflow li dl {
float:right;
width:380px;
}

#main #seisakuflow li dt {
font-size:14px;
color:#FFFFFF;
font-weight:bold;
background-color:#0958A7;
line-height:2;
text-align:center;
}

#main #seisakuflow li dd {
line-height:1.8;
padding-top:10px;
}


/****************
/* パンくずリンク
****************/

#main #breadcrumbs {
padding:0 0 15px 0;
}


/****************
/* ページトップ
****************/

#main #pagetop {
text-align:right;
clear:both;
padding:20px 0;
}

/****************
/* サイトマップ
****************/
.ddsg-wrapper {
padding:20px;
}

.ddsg-wrapper ul {
padding-top:10px;
}

.ddsg-wrapper li {
padding-bottom:5px;
}

/****************
/* メルマガ
****************/
#agreement {
width:545px;
margin:15px auto;
height:300px;
overflow-y:scroll;
padding:15px;
border:1px solid #CCCCCC;
}

#agreement p {
padding:0 0 10px 0;
font-weight:bold;
}

#agreement dt {
padding-bottom:5px;
}

#agreement dd {
padding-bottom:15px;
}

#step {
width:575px;
margin:15px auto;
}

#step img {
vertical-align:bottom;
clear:both;
}

#step dd {
background: url(images/stap_bg.jpg) no-repeat 22px bottom;
padding:20px 0 20px 65px;
float:left;
width:505px;
}

#step dd.no_bg {
background: none;
padding:20px 0 20px 20px;
width:550px;
}

#step dd p {
line-height:1.8;
padding:0 0 5px 0;
}

#step dd .pointbox {
color:#C21233;
padding:5px;
border:1px solid #C21233;
width:220px;
text-align:center;
margin-top:5px;
}


/****************
/* モバルベ制作実績
****************/
.mova_jisseki {
width:565px;
float:left;
padding:10px 0 0 0;
margin:0;
}

.mova_jisseki li {
width:270px;
float:left;
list-style:none;
margin:0;
}

.mova_jisseki li a {
color:#000000;
text-decoration:none;
}

.mova_jisseki li.space {
padding-right:18px;
}

.mova_jisseki li img {
vertical-align:bottom;
float:left;
}

.mova_jisseki li dl {
width:140px;
float:right;
text-align:center;
}

.mova_jisseki li dt {
border-bottom:1px solid #045094;
font-weight:bold;
color:#045094;
padding:0 0 5px 3px;
line-height:1;
}

.mova_jisseki li dd {
padding:10px 0 17px 0;
font-size:0.85em;
}

.mova_jisseki li dd img {
float:none;
border:1px solid #CCCCCC;
margin-top:10px;
}

.midashis {
margin-bottom:8px;
}

#pagemenu {
padding-left:10px;
border-left:1px solid #CCCCCC;
line-height:1;
margin:15px 0 10px 0;
}

#pagemenu li {
display:inline;
}

#pagemenu li a {
margin-right:10px;
border-right:1px solid #CCCCCC;
padding-right:10px;
}

.blank {
background: url(images/new_win.gif) no-repeat left center;
padding-left:20px;
}

#kyujin {
width:595px;
margin:0 auto;
border-top:1px solid #034B8C;
border-right:1px solid #034B8C;
line-height:1.8;
}

#kyujin th {
border-bottom:1px solid #034B8C;
border-left:1px solid #034B8C;
padding:15px;
width:100px;
background:#E0E9EF;
}

#kyujin td {
border-bottom:1px solid #034B8C;
border-left:1px solid #034B8C;
padding:15px;
}

#kyujin td p {
padding:10px 0 0 0;
}