/*
Theme Name: Abstract Lines

Description: Abstract Lines Theme
Author: Wordpress Themes Master

*/
/* Top Elements */
* { margin: 0; padding: 0; border: 0 }

body{
background-image:url(images/bg.gif);
background-repeat:repeat-x;
background-position:top;
font-size:0.9em;
margin:16px 0 0 0;
padding:0;
text-indent : 0px;
line-height : 1.4em;
font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3"Arial,Verdana,Helvetica,Osaka,;
color:#333;
}

.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
font-size: 0.1em;
}

.clearfix {
min-height: 1px;
clear:both;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  /**/
}

p{
margin-bottom:10px;
}

/* links */
a, a:visited {	
color: #156694;
}

a{
overflow:hidden;
}

a:hover {
color: #23A3C9;
text-decoration: none;
}

.caution{
color:#ae1c09;
}

.caution_gray{
color:#636363;
}

.entrys table{
border:none;
margin:0;
padding:0;
}

/* headers */
h1, h2, h3 ,h4{
font-weight: Bold; 
margin:0;	
}


/* images */
.imgL{
float: left;
margin:0 10px 20px 0;
}

.imgR{
float: right;
margin:0 0 10px 10px;
}

.center{
text-align:center;
width:626px;
}

/* start - table */
table {
border-collapse: collapse;
margin: 0px;
border:1px solid #ccc;	
}
th strong {
color: #fff;
}
th {
background: #93BC0C ;
color: #FFF;
text-align: center;
border: 1px solid #ccc;
padding:5px;
}

td {
border-bottom: 1px solid #ccc;
text-align: center;
padding:5px;
}

tr.row-a {
background: #F8F8F8;
}

tr.row-b {
background: #EFEFEF;		
}
/* end - table */
.add textarea{
margin-top:5px;
}

input{
border:solid 1px #666;
height:1.5em;
}
select{
border:solid 1px #666;
height:1.5em;
}

textarea{
border:solid 1px #666;
}
/********************************************
   LAYOUT
********************************************/ 
#wrap {
margin-left:auto;
margin-right:auto;
margin-bottom:0;	
text-align: left;
}

#content-wrap {
clear: both;	
width: 906px;	
padding: 0; 
margin-left:auto;
margin-right:auto;		
}

#header {
width :906px;
margin-left:auto;
margin-right:auto;

}

#header h1{
background:url(images/logo.gif) no-repeat;
width:174px;
height:51px;
float:left;
padding:0;
margin-bottom:10px !important;
margin-bottom:5px;
}
#header a{
display:block;
width:174px;
height:51px;
text-indent:-9999px;
}
#header .tel{
background:url(images/tel.gif) no-repeat;
width:354px;
height:47px;
float:left;
text-indent:-9999px;
margin-left:373px !important;
margin-left:186px;
}

#header-front-photo{
clear: both;

height: 282px;
width: 906px;
margin: 20px  auto 0 auto;

}
#header-front-photo a{
display:block;
width:906px;
height:282px;
text-indent:-9999px;
}

/* Navigation */
#nav {
clear: both;	
padding: 0;
width:906px;
height:65px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
#nav ul{
margin:0;
padding:0;
}
#nav li{
display:inline;
float:left;
margin:0;
padding:0;
}
#nav li a{
text-indent:-9999px;
display:block;
height:65px;
}
#nav li a.home{
background: url(images/nav01_o.gif) no-repeat;
width:153px;
}
#nav li a.vision{
background: url(images/nav02_o.gif) no-repeat;
width:150px;
}
#nav li a.about{
background: url(images/nav03_o.gif) no-repeat;
width:150px;
}
#nav li a.services{
background: url(images/nav04_o.gif) no-repeat;
width:150px;
}
#nav li a.works{
background: url(images/nav05_o.gif) no-repeat;
width:150px;
}
#nav li a.contact{
background: url(images/nav06_o.gif) no-repeat;
width:153px;
}
#nav li a.home_set{
background: url(images/nav01_d.gif) no-repeat;
width:153px;
}
#nav li a.vision_set{
background: url(images/nav02_d.gif) no-repeat;
width:150px;
}
#nav li a.about_set{
background: url(images/nav03_d.gif) no-repeat;
width:150px;
}
#nav li a.services_set{
background: url(images/nav04_d.gif) no-repeat;
width:150px;
}
#nav li a.works_set{
background: url(images/nav05_d.gif) no-repeat;
width:150px;
}
#nav li a.contact_set{
background: url(images/nav06_d.gif) no-repeat;
width:153px;
}
#nav li a:hover.home{
background: url(images/nav01_d.gif) no-repeat;
width:153px;
}
#nav li a:hover.vision{
background: url(images/nav02_d.gif) no-repeat;
width:150px;
}
#nav li a:hover.about  {
background: url(images/nav03_d.gif) no-repeat;
width:150px;
}
#nav li a:hover.services{
background: url(images/nav04_d.gif) no-repeat;
width:150px;
}
#nav li a:hover.works{
background: url(images/nav05_d.gif) no-repeat;
width:150px;
}
#nav li a:hover.contact{
background: url(images/nav06_d.gif) no-repeat;
width:153px;
}

#nav_home li a.home{
background: url(images/nav01_d.gif) no-repeat;
width:153px;
}



.navigation{
margin-bottom:10px;
width:626px;
}

/* Main Column */

.narrowcolumn h3{
margin-top:10px;
}

.postmetadata{
background: #EEE;	
padding:5px;
margin-top:5px;
margin-bottom:25px;
border:solid 1px #CCC;
width:614px;
}

.entry{
border-top:dotted 1px #CCC;
padding-top:20px;
}

.widecolumn{
margin-left:auto;
margin-right:auto;
}


.entryp{
padding:0;
}


.entrys{
padding:0px;
}

.post {
clear: both;
overflow: hidden;

}

/* Sidebar */	
#sidebar {
width:240px;
float: right;
padding: 0; 
margin-left: 34px !important;
margin-left: 17px;
margin-top:20px !important;
margin-top:10px;
margin-bottom:20px !important;
margin-bottom:10px;	
}

/* footer */
#footer-wrap {
clear: both;
margin: 0; 	
text-align: left;
padding:15px 0 0 0;
background:#fff;
color: #666;
border-top:4px solid #155494;	
font-family:Arial,Verdana,Helvetica;
height:30px;
}

p.copyright{
float:right;
font-size:0.85em;
margin:0 20px 0 0 !important;
margin:0 10px 0 0;
}

#footer-links{
float:left;
margin:0 0 0 20px !important;
margin:0 0 0 10px;
}

#footer-links a{
background:url(images/arrow02.gif) no-repeat;
background-position:left bottom;
padding-left:17px;
margin-right:5px;
font-size:0.95em;
}


#pagetopArea{
clear: both;
margin:0 auto 0 auto;
text-align:right;
width:906px;
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/*####################### topmain ######################*/

#toprightArea{
float:left;
width:241px;
margin-bottom:20px !important;
margin-bottom:10px;
margin-top:15px !important;
margin-top:7px;
display: inline;
}
.banner{
width:240px;
display:block;
margin-bottom:7px;
}

#topleftArea{
float:left;
width:629px;
margin-bottom:20px !important;
margin-bottom:10px;
margin-right:36px !important;
margin-right:0px;
clear:both;
margin-top:15px !important;
margin-top:7px;
display: inline;
}

#add{
width:240px;
background:url('images/add_base.gif') no-repeat;
height:153px;
text-align:center;
padding-top:60px;
margin-top:25px;
}

#add.contact{
display:block;
width:214px;
height:41px;
}

#pricearea{
width:603px;
height:189px;
background:url(images/price.gif)  no-repeat;
margin-bottom:17px;
padding-top:80px;
padding-left:26px;
}

#pricearea img{
display:block;
float:left;
margin-right:21px;
}

div.newsArea{
width:627px;
border:solid 1px #D8D8D8;
background:#fff;
}

.newsArea h3{
background:url(images/t_news.gif)  no-repeat;
width:627px;
height:40px;
margin:0px;
text-indent:-9999px;
}

.newsArea ul,li{
padding-left:8px;
padding-right:3px;
list-style:none;
margin:0;
}

.newsArea li{
margin-bottom:8px;
}
.newsArea .right{
text-align:right;
}

.service{
width:303px;
border:solid 1px #ccc;
margin-top:18px;
height:174px;
float:left;
margin-right:19px;
}
.service .left{
float:left;
width:170px;
}
.service .left p{
margin:0;
padding:0 10px 0 10px;
font-size:0.85em;
}
.service .right{
float:left;
width:133px;
text-align:center;
}

.service02{
width:303px;
border:solid 1px #ccc;
margin-top:18px;
height:174px;
float:left;
}
.service02 .left{
float:left;
width:170px;
}
.service02 .left p{
margin:0;
padding:0 10px 0 10px;
font-size:0.85em;
}
.service02 .right{
float:left;
width:133px;
text-align:center;
}

#content{
margin-top:20px;
width:626px;
float:left;
}

#content p{
line-height: 120%;
}

#content h2,h4{
background:url(images/h4bg.gif) repeat-x;
background-position:bottom;
border:1px solid #ccc;
height:33px;
padding-top: 12px;
padding-left: 10px;
font-size:1.2em;
margin-bottom:15px;
clear:both;
}

#aboutTable{
width:100%;
margin-bottom:15px;
}

#aboutTable td,th{
background:#fff;
text-align:left;
}

#aboutTable th{
background:#787D7E;
}

#aboutTable td{
border-bottom:solid 1px #ccc;
}
h4.subT{
border-left:10px solid #156694;
border-top:none;
border-right:none;
border-bottom:none;
padding:3px 0 0 5px;
font-size:1em;
background:none;
margin:20px 0 10px 0;
height:20px;
}
h4.subTw{
border-left:10px solid #eeaa30;
border-top:none;
border-right:none;
border-bottom:none;
padding:3px 0 0 5px;
font-size:1em;
background:none;
margin:20px 0 10px 0;
height:20px;
}
h5.subT_s{
border-left:10px solid #99CC00;
border-top:none;
border-right:none;
border-bottom:none;
padding:3px 0 3px 5px;
font-size:0.9em;
background:none;
margin:10px 0 5px 0;
}
.aboutTxt{
margin-bottom:10px;
}

#privacyAdd{
text-align:left;
width:170px;
font-size:0.85em;
line-height:1.6em;
float:right;
}

/* -----------------------------------------------------------------
　サイトマップ
------------------------------------------------------------------------*/	
.topSecArea li,.secArea li{
	list-style-type: none;
	background-image: url(images/iconSitemap.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.top {
	margin-bottom: 15px;
	font-weight: bold;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #50A8C1;
border-top:solid 1px #50A8C1;
border-right:solid 1px #50A8C1;
border-bottom:solid 1px #50A8C1;
	padding: 5px 5px 5px 10px;

}

.topSecArea{
	margin-left: 80px;
	margin-bottom: 25px;
	margin-top: 25px;
	line-height: 1.6em;
}
.sec {
margin-bottom: 5px;
font-weight: bold;
border-left-width: 7px;
border-left-style: solid;
border-left-color: #50A8C1;
padding: 5px 5px 5px 10px;
border-top:solid 1px #50A8C1;
border-right:solid 1px #50A8C1;
border-bottom:solid 1px #50A8C1;
margin-left: 80px;
}


.secArea{
	margin-left: 210px;
	margin-bottom: 10px;
	margin-top: 15px;
	line-height: 1.6em;
}

.secArea li.bblog{
margin-left:50px;
}

#service01{
width:133px;
float:left;
text-align:left;
}

#service01 a{
font-size:0.9em;
text-align:center;
}
#service02{
width:476px;
padding-left:17px;
float:left;

}


#service02 table.deco{
margin-top:0px;
border:none;
text-align:left;
}

#service02 table.deco th,td{
border:none;
text-align:left;
}
.casecap{
margin-top:5px;
font-size:0.9em;
text-align:center;
width:289px;
}


#caseBlog01{
width:300px;
float:left;
margin-top:15px;
}
#caseBlog02{
width:300px;
float:left;
margin-left:10px;
margin-top:15px;
}
#caseBlog03{
width:300px;
float:left;
clear:left;
margin-top:15px;
}
#caseBlog04{
width:300px;
float:left;
margin-top:15px;
margin-left:10px;
}

#concept{
float:right;
width:335px;
font-size:0.9em;
}
.point1{
color:#367AAD;
//font-weight:bold;
display:block;
background:url(images/concept_01.gif) no-repeat;
background-position:center left;
padding-left:45px;
padding-top:10px;
height:29px;
clear:left;
margin-top:15px;
}

.point2{
color:#368D38;
//font-weight:bold;
display:block;
background:url(images/concept_02.gif) no-repeat;
background-position:center left;
padding-left:45px;
padding-top:10px;
height:29px;
clear:left;
margin-top:15px;
}

.point3{
color:#EC882F;
//font-weight:bold;
display:block;
background:url(images/concept_03.gif) no-repeat;
background-position:center left;
padding-left:45px;
padding-top:10px;
height:29px;
clear:left;
margin-top:15px;
}

#conceptBox{
width:601px;
padding:25px 10px 10px 15px;
height:221px;
background:url(images/codia_point.gif) no-repeat;
}
#conceptBox h3{
margin:5px 0 3px 0px;
width:205px;
height:24px;
}
#conceptBox h3.point01{
background:url(images/concept_t_01.gif) no-repeat;
text-indent:-9999px;
}
#conceptBox h3.point02{
background:url(images/concept_t_02.gif) no-repeat;
text-indent:-9999px;
}
#conceptBox h3.point03{
background:url(images/concept_t_03.gif) no-repeat;
text-indent:-9999px;
}
#conceptBox h3.point04{
background:url(images/concept_t_04.gif) no-repeat;
text-indent:-9999px;
}

img.contact{
margin-top:20px;
}



p.cleartxt{
clear:both;
}
.webflowtxtb{
height:28px;
font-size:0.85em;
margin-bottom:0px;
vertical-align:middle;
padding-top:5px;
}

.menuTitle{
width:240px;
height:51px;
background:url(images/s_title.gif);
text-indent:-9999px;
margin:0;
padding:0;
}
.menu{
margin:0;
padding:0;
width:240px;
list-style:none;
margin-bottom:10px;
}
.menu li{
padding:0;
margin:0;
height:41px;
}
.menu li a{
height:41px;
padding:0px;
display:block;
width:240px;
}
.menu li a.mblog{
background:url(images/snav001.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mblog_set{
background:url(images/snav001_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a:hover.mblog{
background:url(images/snav001_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mevent{
background:url(images/snav002.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mevent_set{
background:url(images/snav002_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a:hover.mevent{
background:url(images/snav002_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mdtp{
background:url(images/snav003.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mdtp_set{
background:url(images/snav003_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a:hover.mdtp{
background:url(images/snav003_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.msystem{
background:url(images/snav004.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.msystem_set{
background:url(images/snav004_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a:hover.msystem{
background:url(images/snav004_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mweb{
background:url(images/snav005.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mweb_set{
background:url(images/snav005_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a:hover.mweb{
background:url(images/snav005_d.gif) no-repeat;
text-indent:-9999px;
}

.menu li a.mweb2{
background:url(images/snav011.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mweb2_set{
background:url(images/snav011_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a:hover.mweb2{
background:url(images/snav011_d.gif) no-repeat;
text-indent:-9999px;
}


.menu li a.mcouse{
background:url(images/snav006.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mcouse_set{
background:url(images/snav006_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a:hover.mcouse{
background:url(images/snav006_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.msns{
background:url(images/snav007.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.msns_set{
background:url(images/snav007_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a:hover.msns{
background:url(images/snav007_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mdigital{
background:url(images/snav008.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mdigital_set{
background:url(images/snav008_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a:hover.mdigital{
background:url(images/snav008_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.monline{
background:url(images/snav009.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.monline_set{
background:url(images/snav009_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a:hover.monline{
background:url(images/snav009_d.gif) no-repeat;
text-indent:-9999px;
}
.menu li a.mssl{
background:url(images/snav010.gif) no-repeat;
text-indent:-9999px;
height:43px;
}
.menu li a.mssl_set{
background:url(images/snav010_d.gif) no-repeat;
text-indent:-9999px;
height:43px;
}
.menu li a:hover.mssl{
background:url(images/snav010_d.gif) no-repeat;
text-indent:-9999px;
height:43px;
}



table.tableform {
border-collapse: collapse;
border: solid 1px #999;
width:100%;
}

table.tableform caption{
margin-top: 1em;
margin-bottom:5px;
text-align:left;
}

table.tableform th,
table.tableform td {
border: solid 1px #999;
padding: 4px 6px;
}

table.tableform th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}


table.tablemin {
border-collapse: collapse;
border: solid 1px #999;
width:80%;
}

table.tablemin caption{
margin-top: 1em;
margin-bottom:5px;
text-align:left;
}

table.tablemin th,
table.tablemin td {
border: solid 1px #999;
padding: 4px 6px;
}

table.tablemin th {
  background: #E6E6E6;
  text-align: left;
  white-space: nowrap;
  color: #666;
}
table.dtp{
width:650px;
border:none;
margin-bottom:15px;
}
table.dtp td{
text-align:center;
}
table.dtp img{
border:1px solid #ccc;
}


table.layout{
width:626px;
padding:0;
margin:0;
border:none;
font-size:0.85em;
}

table.layout td{
text-align:center;
}

table.layoutT{
border:none;
}
/* イベント */
#eventinfo{
width:626px;
margin-top:20px;
}
#eventinfo p.result{
float:left;
width:331px;
margin-right:20px;
line-height:1.5em;
}
#brain{
width:270px;
float:left;
font-size:0.8em;
}
#brain img{
float:left;
margin-right:5px;
}
/* ショップ */
#aisasArea{
width:626px;
margin-bottom:10px;
}
.aisas{
width:198px;
float:left;
margin-left:17px;
border:1px solid #ccc;
padding:5px;
}
#aisasArea img{
float:left;
}
/* blogオススメ */
h4.subTr{
border-left:10px solid #F08300;
border-bottom:1px solid #F08300;
border-top:none;
border-right:none;
padding:3px 0 0 5px;
font-size:1em;
background:none;
margin:20px 0 10px 0;
height:20px;
clear:both;
}
h4.subTrtop{
border-left:10px solid #F08300;
border-bottom:1px solid #F08300;
border-top:none;
border-right:none;
padding:3px 0 0 5px;
font-size:1em;
background:none;
margin:0px 0 10px 0;
height:20px;
clear:both;
}
.recaution{
font-weight:bold;
display:block;
margin-bottom:10px;
color:#ef8214;
}
/* blog値段 */
.priceArea{
width:626px;
clear:both;
margin-bottom:20px;
}
.priceArea img{
float:left;
margin-bottom:20px;
}
.priceArea .detale{
width:404px;
height:198px;
background:#f8f7f4;
float:left;
margin-left:20px;
border:1px solid #ccc;
padding:10px;
}

.priceArea .detale dt.ba{
margin-bottom:10px;
background:#b3986d;
padding:5px;
border:solid 1px #937445;
color:#fff;
}

.priceArea .detale dt.st{
margin-bottom:10px;
background:#6cad49;
padding:5px;
border:solid 1px #4c8e26;
color:#fff;
}

.priceArea .detale dt.pr{
margin-bottom:10px;
background:#e49fb2;
padding:5px;
border:solid 1px #d67692;
color:#fff;
}

/* 投稿フォーマット */
h4.postT{
border-left:10px solid #156694;
border-top:none;
border-right:none;
border-bottom:none;
padding:3px 0 0 5px;
font-size:1em;
background:none;
margin:0 0 10px 0;
height:20px;
}

/* 画像フォーマット */

p img {
    padding: 0;
    max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}