@import "http://";

@charset "UTF-8";

* {
	font-size: 100%;
}
body {
background-image: url(img/bg.gif);
font-size: 0.9em;
text-align:center;
padding: 0;
margin: 0;
font-family: "qMmpS Pro W3", sans-serif;
/*\*/
font-family: "lr oSVbN", sans-serif;
/**/
}
img { 
border : 0;
}
h1 {
font-size : 1.0em;
font-weight : normal;
text-align : right;
margin : 0;
padding-top : 10px;
padding-right : 20px;
padding-bottom : 23px;
padding-left : 0;
}
dl, dt, dd { 
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
}
.clear { 
clear : both;
margin : 10px;
padding : 0;
}
.clear_navi { 
clear : both;
margin : 3px;
padding : 0;
}

/*--- // 全体 // ---*/
#wrapper {
width: 850px;
margin : 0 auto;
border : 1px solid #000000;
background-color:#FFFFFF;
background-position : center top;
}

/*--- // ヘッダー // ---*/
#header {
width : 100%;
background-image: url(img/header-back2.jpg);
background-repeat : no-repeat;
background-position: center top;
margin-bottom: 10px;
display:block;
}
#headerLeft {
float : left;
margin: 15px 5px 5px 10px;
}
#headerRight { 
float : right;
margin-right: 8px;
}
#headerRight img { 
margin-left: 10px;
}
#headerNavi {
width:850px;
height:31px;
background-color: #FFFFFF;
}
#headerNavi ul {
margin:0;
padding:0;
width:850px;
height:31px;
background:url(img/g_navi.gif) no-repeat;
}
#headerNavi ul li {
float:left;
list-style-type:none;
}
#headerNavi ul li a {
display:block;
text-align:left;
text-indent:-9999pt;
text-decoration:none;
font-size:0.1em;
line-height:100%;
height:31px;
outline:none;
background-repeat:no-repeat;
}
#headerNavi li a:hover { 
background-position : 0 -31px; 
}
#headerNavi li.navi_hp a { 
width :154px; 
background-image : url(img/gnavi_hp.gif);
}
#headerNavi li.navi_seo a { 
width :98px; 
background-image : url(img/gnavi_seo.gif);
}
#headerNavi li.navi_usp a { 
width :98px; 
background-image : url(img/gnavi_usp.gif);
}
#headerNavi li.navi_seminar a { 
width :122px; 
background-image : url(img/gnavi_seminar.gif);
}
#headerNavi li.navi_hosting a { 
width :174px; 
background-image : url(img/gnavi_hosting.gif);
}
#headerNavi li.navi_bb a { 
width :204px; 
background-image : url(img/gnavi_broadband.gif);
}

/*--- // コンテンツ // ---*/
#content { 
width : 850px;
margin: 0;
padding: 0;
}

/*--- // メニュー // ---*/
#menu {
float : left;
width : 210px;
margin : 0;
padding: 0;
text-align: left;
}
#menu a {
display: inline;
color : #0072b8;
text-decoration:none;
}
#menu img {
margin-left:10px;
padding: 0;
}
.leftnavi {
height:23px;
display:block;
background:url(img/leftnavi-back.jpg) no-repeat;
line-height:1.4;
font-size:15px;
font-weight:bold;
text-align:center;
margin:3px 0 0 5px;
padding:0;
}
#menu ul {
list-style:none;
margin:0 0 20px 5px;
padding:0;
width:200px;
height:auto;
background-color:#FFFFFF;
display:inline-block;
}
#menu li {
margin:10px 0;
padding:0;
text-align:left;
background: url(img/menu-icon.gif) no-repeat 0.65em 0.2em;
}
#menu li a {
display : block;
margin:0;
padding:0 0 0 23px;
letter-spacing : 0.1em;
}
#menu li a:hover {
color:#333333;
margin:0;
padding:0 0 0 23px;
letter-spacing : 0.1em;
}
.list01 { 
padding : 0 5px;
margin-bottom : 20px;
}
div.list01 dl.list dt { 
font-size : 100%;
color : #6c2c2c;
font-weight:bold;
padding : 0;
margin : 0;
} 
div.list01 dl.list dd {
font-size : 100%;
line-height : 100%;
color : #000000;
margin: 0 5px 15px 0;
}
#w3c { 
width : 100%;
margin-left: 7px;
padding: 0;
}
#info {
font-size : 1.0em;
font-weight : normal;
text-align : left;
margin: 10px 0 10px 8px;
padding : 2px;
width : 89%;
border-bottom: 3px solid #cccccc;
border-right: 3px solid #cccccc;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}
#banner { 
width : 100%;
}
div#banner img { 
margin: 10px 0 0 10px ;
padding: 0;
}

/*--- // メイン // ---*/
#main { 
width : 631px;
float : right;
text-align : left;
margin : 3px 0 10px 0;
padding: 0 0 0 8px;
}
#main img {
border: 0;
padding: 0;
margin-right: 5px;
vertical-align: middle;
}
#main hr { 
margin : 0 0 0 10px;
padding:0;
border:1px dotted #CCC;
width:40%;
}
#main p { 
margin : 0 0 12px 0;
padding:0;
line-height:1.3;
}
#main p img {
border: 0;
margin: 10px 0 10px 80px;
}
#main p.top { 
margin : 0 10px 12px 10px;
padding:0;
line-height:1.3;
}
#main p.word { 
margin: 15px 0 12px 0;
padding:0;
color:#C06;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight:bold;
font-size:18px;
line-height:1.3;
text-align:center;
}
#main p.st {
margin:0;
padding:5px 0 0 0;
font-weight:bold;
}
#main p.em {
color:#CC0000;
font-size : 1.2em;
font-weight:bold;
margin:0;
padding:5px 0 2px 20px;
background:url(img/notice.gif) no-repeat left center;
}
#main p.sm {
color:#000033;
font-size : 1.1em;
font-weight:bold;
margin:0;
padding:5px 0 2px 20px;
background:url(img/book2.gif) no-repeat left center;
}
#main p.point {
color:#fb6547;
font-size : 1.1em;
font-weight:bold;
margin:0 0 5px 0;
padding:5px 0 4px 25px;
background:url(img/load.gif) no-repeat left center;
}
#main p.item {
color:#fb6547;
font-size : 1.1em;
font-weight:bold;
margin:0 0 5px 0;
padding:5px 0 4px 25px;
background:url(img/pen.jpg) no-repeat left center;
}
#main p.watch {
color:#6737ff;
font-size : 1.1em;
font-weight:bold;
margin:0 0 5px 5px;
padding:5px 0 5px 15px;
background:url(img/cd.gif) no-repeat left center;
}
#main p.goods {
color:#000033;
font-size : 1.1em;
font-weight:bold;
margin:0;
padding:5px 0 5px 17px;
background:url(img/cart.gif) no-repeat left center;
}
#main p.appeal {
color:#122567;
font-size : 1.1em;
font-weight:bold;
line-height:1.6;
margin:0;
padding:0 0 0 30px;
background: url(img/point04-bl.gif) no-repeat 2% center;
}
#main p.link { 
margin: 15px 10px 0 0;
padding : 0;
text-align : right;
}
#main p.link img { 
margin: 0;
padding : 0;
vertical-align:center;
}
#main p.space { 
margin : 15px 0 12px 0;
padding:0;
line-height:1.3;
}
#main p.blog {
color:#330099;
font-size : 1.2em;
font-weight:bold;
margin:0;
padding:5px 0 0 20px;
background:url(img/book.gif) no-repeat left center;
}
#main text.img {
margin :  10px 5px 0 0;
float: right;
}
#main strong { 
font-weight : bold;
}
#main ul.attention { 
list-style : square;
margin : 0 0 0 15px;
padding : 0 0 0 2px;
text-align : left;
}
#main li.attention {
padding : 0;
margin: 0;
font-size: 13px;
}
#main ul.details { 
list-style : none;
margin : 0 0 20px 15px;
padding : 0 0 0 2px;
text-align : left;
}
#main li.details {
margin: 0;
padding-left : 10px;
font-size: 13px;
}
.text img {
border:0;
margin : 20px 0 0 50px;
}
.text { 
margin : 0;
padding: 15px 10px 10px 5px;
text-align : left;
line-height:1.6;
}
.text2 {
font-size : 1.1em;
color : #CC0000;
font-weight : bold;
margin : 22px 10px 0 0;
padding : 3px 5px;
border-bottom : 1px dotted #CCCCCC;
background:url(img/topic-back.jpg) no-repeat;
}
.text-red {
color : #CC0000;
}
.text-blue {
color:#000099;
}
.text-seminar { 
margin : 0;
padding: 5px 10px 10px 5px;
text-align : left;
}
.text-thanks {
font-size : 1.1em;
color : #0000FF;
font-weight : bold;
}
.text-seminar p.semi { 
margin : 0;
padding: 15px 10px 10px 5px;
text-align : left;
}
.ttl{
margin : 0;
padding: 15px 20px 10px 5px;
text-align : left;
line-height:1.6;
}
.ttl p img{
border:0;
margin : 0 0 0 50px;
}
.tl{
font-size : 13px;
border:solid #000000;
border-width :1px 0px;
color:#000000;
background-color:#eaeaea;
padding:5px;
width:600px;
}
.tl span{
background-color:#ff0000;
color:#ffffff;
padding:2px 8px;
margin-right:5px;
font-size:13px;
}
.question {
margin : 30px 15px 0 0;
padding : 0 0 3px 20px;
text-align : left;
line-height:1.3;
font-size : 1.1em;
color : #CC0000;
font-weight : bold;
background:url(img/notice.gif) no-repeat left top;
}
.answer {
margin : 0 15px 0 0;
padding : 5px 0 5px 10px;
border-bottom : 1px dotted #CCCCCC;
}
.answer dt { 
padding : 3px 0 0 5px; 
font-weight : bold;
} 
.answer dd { 
padding : 0 0 3px 5px;
}
.title {
margin: 40px 15px 0 0;
padding: 5px 0 3px 25px;
font-size:1.2em;
font-weight:bold;
line-height:1.6;
background:url(img/title-back.jpg) no-repeat left center;
}
.service { 
width : 195px;
float : left;
margin: 8px 6px 0 4px;
padding: 5px 0 10px 0;
font-weight:bold;
text-align:center;
line-height:1.8;
background:url(img/service-back2.jpg) no-repeat left top;
}
.service dl {
text-align:left;
font-weight:normal;
line-height:1.3;
padding : 5px 8px 8px 15px;
border: 1px solid #CCCCCC;
}
.service dd { 
background : none; 
padding : 3px 0 3px 13px;
background:url(img/point03.gif) no-repeat left center;
}
.service dd.top { 
background : none; 
padding : 3px 0; 
}
.service dd.none { 
background : none; 
padding : 3px 0;
text-indent:-999px;
}
dl.menu { 
width : 265px; 
margin-top : 10px; 
}
dl.menu dd { 
padding : 10px; 
}
.year {
font-size : 1.1em;
color : #CC0000;
font-weight : bold;
margin : 0 5px 0 0;
padding : 0;
border-bottom : 1px dotted #E86779;
}
.infomation {
border: 1px solid #CCCCCC;
margin:40px 20px 0 15px;
padding:10px 5px 0 5px;
text-align:center;
}
.infomation p {
margin:0;
padding:10px 0 0 0;
}
.subtitle {
height : 25px;
margin : 10px 0 5px 0;
padding-left : 20px;
line-height : 26px;
font-size : 1.1em;
font-weight : bold;
color : #122567;
background : url(img/titlebk-sub.jpg) no-repeat;
}
.comparison {
margin-top: 5px;
margin-right : 5px;
padding : 0;
text-align : right;
background-image: url(img/a3.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.pagetop { 
text-align : right;
margin : 0;
padding: 10px 10px 10px 5px;
}
.greeting {
text-align: center;
vertical-align: middle;
background-image: url(img/kawai3.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 210px;
padding: 10px 0 0 150px;
}
.greeting img {
text-align: center;
margin-top: 50px;
margin-bottom: 30px;
}

#main p.massege {
margin:10px 0 0 0;
padding:0;
font-size:13px;
line-height:1.3;
}

#main p.massege img {
float:right;
margin:10px 10px 25px 15px;
padding:0;
}

.portfolio {
width:600px;
}
.portfolio h4 {
margin : 10px 0 12px 0;
font-size: 13px;
color:#333;
}
.portfolio img {
text-align: left;
vertical-align:middle;
float : right;
margin: 0 0 0 10px;
}
.portfolio li {
list-style: none;
}
.portfolio li.no {
color:#FF3300;
font-weight: bold;
margin-left: -20px;
}
.portfolio li.shop {
margin-top: 20px;
}
#main .portfolio { 
border-bottom : 1px solid #ccc;
padding : 5px;
float : left;
}
#topic {
height : 30px; 
margin : 0 0 10px 0;
padding-left : 12px;
line-height : 30px;
font-size : 1.3em;
font-weight : bold;
color : #122567;
background-image : url(img/titlebk.jpg);
background-repeat : no-repeat;
}
#mokuji { 
margin : 0;
padding: 20px 0 10px 0;
text-align : center;
}
#smap {
margin: -3px 15px 0 -30px;
padding: 0;
}
ul.seminaer li {
padding :0 0 0 10px;
margin :-10px 0 15px 0;
list-style:none;
display:inline-block;
background: url(img/a1.gif) no-repeat 0em 0.5em;
} 
ul#sitemap li {
list-style : none;
border-bottom: 1px dotted #999999;
padding : 0 0 10px 0;
margin : 10px 0 0 0;
font-size : 14px;
} 
ul#sitemap li a {
padding : 0 0 0 23px;
background-image : url(img/folder.gif);
background-repeat : no-repeat;
background-position : left center;
} 
ul#sitemap ul li {
padding : 0;
margin :0 0 0 -15px;
font-size : 92%;
border: none;
} 
ul#sitemap ul li a {
padding : 0 0 0 17px;
background-image : url(img/pin.gif);
background-repeat : no-repeat;
background-position : left center;
}
ol#topicpath {
margin: 0 0 10px 0;
}
ol#topicpath li {
display:inline;
line-height:110%;
list-style-type:none;
}
ol#topicpath li a {
padding-right:15px;
background:url(img/point02.gif) no-repeat right center;
}
#soon { 
width : 630px;
float : right;
text-align : center;
margin: 0;
padding: 0;
}
dl.flow {
background-repeat : no-repeat;
background-position : left top;
margin-right: 15px;
padding : 8px 10px 10px 75px;
border-bottom : 1px dotted #999;
} 
dl.flow dt {
font-size : 122%;
font-weight : bold;
color : #c30;
margin : 0 0 8px;
line-height : 150%;
} 
dl.flow dd {
line-height : 150%;
}
dl#flow01 {
background-image : url(img/flow_01.gif);
} 
dl#flow02 { 
background-image : url(img/flow_02.gif);
} 
dl#flow03 { 
background-image : url(img/flow_03.gif);
} 
dl#flow04 { 
background-image : url(img/flow_04.gif);
} 
dl#flow05 { 
background-image : url(img/flow_05.gif);
} 
dl#flow06 { 
background-image : url(img/flow_06.gif);
} 
dl#flow07 { 
background-image : url(img/flow_07.gif);
}
dl#flow08 { 
background-image : url(img/flow_08.gif);
}
dl#flow09 { 
background-image : url(img/flow_09.gif);
}
dl#flow10 { 
background-image : url(img/flow_10.gif);
}
form#form fieldset { 
border : 1px solid #b8b8b8;
padding : 0 0 0 10px;
margin : 0;
} 
form#form legend { 
font-size : 90%;
font-weight : bold;
} 
form#form dl { 
padding : 0;
} 
form#form dt {
color : #333;
font-size : 14px;
margin : 20px 18px 0 0;
padding : 0 0 0 20px;
}
form#form dt img {
vertical-align: middle;
}
form#form dd { 
margin : 0 15px 0 0;
padding : 0 0 10px 0;
border-bottom: 1px dotted #b8b8b8;
}
form#form div { 
text-align : center;
padding : 10px;
} 
form#form div input { 
width : 200px;
font-size : 14px;
height : 1.5em;
} 
form#form .writes { 
width : 300px;
vertical-align : middle;
height : 1.1em;
border: 1px solid #FF0033;
background: #f6f6f2;
}
form#form .writes_n { 
width : 300px;
vertical-align : middle;
height : 1.1em;
border: 1px solid #999;
background: #f6f6f2;
}
form#form textarea { 
height : 200px;
width : 500px;
border: 1px solid #FF0033;
}
#btn { 
padding: 25px 0 10px 210px;
}
#btn_center { 
padding: 25px 0 10px 250px;
}
input:focus, textarea:focus {
background: #FFFFFF;
}
table.form {
text-align : left;
width: 100%;
}
table.form td.td-left { 
width : 20%;
border-bottom:1px dotted #999999;
padding : 10px 15px 10px 10px;
font-weight:bold;
}
table.form td.td-right {
padding:10px 0;
width : 80%;
border-bottom:1px dotted #999999;
}
table.form td.td-right-r { 
width : 80%;
border-bottom:1px dotted #999999;
color:#FF0000;
font-size:13px;
}

table.table01, table.table02, table.table03, table.table04, table.table05, table.table06, table.table07 { 
font-size : 100%;
width : 98%;
margin : 0 0 30px 10px;
padding : 0;
border-collapse : separate;
background-color : #ffffff;
}
table.table08 { 
font-size : 100%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
width : 98%;
margin : 0 0 15px 10px;
padding : 0;
border-collapse : separate;
background-color : #ffffff;
}
table.table01 th, table.table02 th, table.table03 th, table.table04 th, table.table05 th, table.table06 th, table.table08 th { 
font-weight : normal;
padding : 3px 5px;
color : #4c3434;
background-color : #c2e2ec;
text-align : center;
border-top : 1px solid #000000;
border-bottom : 1px solid #000000;
}
table.table04 th { 
width : 25%;
}

table.table01 td { 
color : #555555;
border-bottom : 1px dashed #cccccc;
border-right : 1px dashed #cccccc;
vertical-align : top;
}
table.table01 td.td-left { 
width : 185px;
padding : 5px 5px 5px 10px;
}
table.table01 td.td-center { 
width : 120px;
text-align : center;
padding : 5px 5px 5px 10px;
color : #d22c2c;
}
table.table01 td.td-right { 
padding : 5px;
text-align : center;
vertical-align: middle;
font-weight: bold;
}
table.table02 td { 
color : #555555;
border-bottom : 1px solid #cccccc;
border-right : 1px solid #cccccc;
}
table.table02 td.td-left {
width : 120px;
padding : 5px 5px 5px 10px;
background-color:#B3FFD9;
text-align : center;
font-weight : bold;
}
table.table02 td.td-center {
padding : 5px 5px 5px 10px;
}
table.table02 td.td-right { 
width : 120px;
padding : 5px 5px 5px 10px;
color : #d22c2c;
text-align : center;
}
table.table02 td.td-remark {
padding : 5px 5px 5px 10px;
background-color:#B3FFD9;
}
table.table03 td { 
color : #555555;
border-bottom : 1px solid #cccccc;
border-right : 1px solid #cccccc;
}
table.table03 td.td-left {
padding : 5px 5px 5px 10px;
background-color:#B3FFD9;
text-align : center;
font-weight : bold;
}
table.table03 td.td-order {
padding : 5px 5px 5px 10px;
text-align : center;
}
table.table03 td.td-price { 
width : 20%;
padding : 5px 5px 5px 10px;
color : #d22c2c;
text-align : center;
}
table.table03 td.td-keyword {
padding : 5px 5px 5px 10px;
background-color:#B3FFD9;
text-align : center;
}
table.table04 td {
color : #555555;
border-bottom : 1px solid #cccccc;
border-right : 1px solid #cccccc;
}
table.table04 td.td-course {
padding : 5px 5px 5px 10px;
background-color:#B3FFD9;
text-align : center;
font-weight : bold;
}
table.table04 td.td-left {
padding : 5px 5px 5px 10px;
text-align : left;
vertical-align: top;
}
table.table04 td.td-center {
padding : 5px 5px 5px 10px;
text-align : center;
}
table.table04 td.td-price {
padding : 5px 5px 5px 10px;
color : #d22c2c;
text-align : center;
}
table.table05 td {
color : #555555;
border-bottom : 1px solid #cccccc;
border-right : 1px solid #cccccc;
}
table.table05 td.td-course {
padding : 5px 5px 5px 10px;
background-color:#B3FFD9;
text-align : center;
font-weight : bold;
width: 25%;
}
table.table05 td.td-price { 
padding : 5px 5px 5px 10px;
color : #d22c2c;
text-align : center;
width: 75%;
}
table.table05 td.td-left { 
padding : 5px 5px 5px 10px;
text-align : left;
width: 75%;
}
table.table06 td {
color : #555555;
border-bottom : 1px dotted #cccccc;
}
table.table06 td.td-member {
padding : 5px 5px 5px 10px;
text-align : left;
width: 45%;
}
table.table06 td.td-comment { 
padding : 5px 5px 5px 10px;
text-align : left;
width: 55%;
}
table.table07 td {
color : #555555;
border-bottom : 1px dotted #cccccc;
}
table.table07 td.td-date {
padding : 5px 10px 5px 5px;
text-align : right;
vertical-align:text-top;
width: 15%;
border-bottom: none;
}
table.table07 td.td-year {
padding : 5px;
text-align : center;
vertical-align:text-top;
width: 15%;
border-bottom: none;
}
table.table07 td.td-comment { 
padding : 5px 5px 5px 10px;
text-align : left;
width: 85%;
}
table.table08 td {
color : #555555;
border-bottom : 1px solid #cccccc;
border-right : 1px solid #cccccc;
}
table.table08 td.td-course {
padding : 5px 5px 5px 10px;
background-color:#B3FFD9;
text-align : center;
font-weight : bold;
width: 34%;
}
table.table08 td.td-center {
padding : 5px 5px 5px 10px;
text-align : center;
width: 22%;
}

/*--- // フッター // ---*/
#footer { 
width : 100%;
background-color: #000033;
color: #FFFFFF;
font-size: 13px;
margin-top: 8px;
margin-bottom: 8px;
clear:both;
display:block;
}
#under { 
width : 100%;
background-color: #FFFFFF;
font-size: 7px;
margin-top: 8px;
margin-bottom: 8px;
display:block;
}
#under a {
color : #999999;
text-decoration:none;
}
#under a:hover {
color : #0099ff;
text-decoration:none;
}