/*共通*/
html{
line-height:1.5;
}
/*
body{
color:#333;
}
*/
article{
background-color:#fff;
padding:10px;
overflow:hidden;
}
/*
article h1{
margin:5px 0;
margin-top:15px;
padding:10px;
background:#fff;
font-size:16px;
border-top:1px solid #888;
border-bottom:1px solid #888;
clear:both;
}
*/
.koumoku{
overflow:hidden;
}
.koumoku h1{
font-weight:normal;
color:#068;
clear:both;
line-height:1.5;
}
.koumoku h1:before{
content:"●";
display:inline;
}
.koumoku p{
font-size:14px;
margin 5px 0;
padding:10px;
line-height:1.5;
}
.koumoku h2 {
margin:5px 0;
padding:10px;
padding-bottom:0;
color:#f00;
font-weight:normal;
}
article div.global_img{
text-align:center;
margin-top:20px;
}
article p.global_comment{
margin:20px auto;
font-size:14px;
text-align:left;
line-height:1.5;
width:750px;
padding:15px;
background:#effdfe;
border:solid #7be5ff 2px;
}
.memo{
color:#f00;
}
/*********************************
office
***********************************/
#sub article ul{
margin-left:20px;
padding-left:20px;
color:#f00;
font-size:14px;
}
#sub article ul li{
list-style-type:disc;
line-height:22px;
}
#sub .gazo{
margin-left:43px;
position:relative;
margin-top:30px;
}
#sub .gazo p{
font-size:12px;
line-height:1.3;
text-align:left;
}
#sub .gazo p.k3{
width:154px;
position:absolute;
top:418px;
left:60px;
padding:3px;
}
#sub .gazo p.k1{
width:224px;
position:absolute;
top:320px;
left:280px;
padding:3px;
}
#sub .gazo p.km{
width:224px;
position:absolute;
top:295px;
left:530px;
padding:3px;
}
#sub section.koumoku aside h1{
font-size:14px;
border:none;
clear:left;
}
#sub .koumoku{
overflow:hidden;
width:853px;
}
#sub .koumoku .koumoku_inner section {
width:249px;
border:solid #ccc 1px;
float:left;
margin-right:25px;
height:210px;
margin-top:10px;
}
#sub .koumoku .koumoku_inner h1{
border:none;
margin:0;
}
#sub .koumoku .koumoku_inner{
width:873px;
overflow:hidden;
}
#sub .koumoku p.img_left{
float:left;
width:380px;
}
#sub .koumoku p.img_right{
margin-left:380px;
}
#sub .koumoku p.i_right{
float:right;
margin-left:20px;
}
#sub .koumoku img{
border:1px #ccc solid;
}
/***************************
info
****************************/
#info .koumoku .box,#info .koumoku p.left{
float:left;
width:480px;
overflow:hidden;
}
#info .koumoku p.box_right{
float:left;
width:300px;
margin-left:30px;
}
#info .zatsu_right{
float:right;
margin-left:30px;
}
#info .koumoku aside address{
font-style:normal;
font-size:14px;
padding:10px;
line-height:20px;
}
#info .koumoku p.jykou{
padding:0 30px;
}
#info .koumoku dl{
font-size:14px;
padding:10px 30px;
overflow:hidden;
}
#info .koumoku dt{
clear:left;
float:left;
width:80px;
padding:3px;
}
#info .koumoku dd{
float:left;
padding:3px;
}
/*************************************
sikaku
**************************************/
#sikaku p.memo{
color:#f00;
font-size:14px;
margin-left:45px;
}
p.memo_2 {
margin-top: 12px;
font-size:20px;
margin-left:45px;
}
#sikaku .ovflow{
width:800px;
overflow:hidden;
margin:0 auto;
margin-top:20px;
}
#sikaku .koumoku p.left_t{
width:150px;
float:left;
font-size:22px;
padding:15px 8px;
background-color:#f00;
color:#fff;
margin-left:30px;
margin-top:3px;
}
#sikaku .koumoku p.right_t{
width:500px;
float:left;
margin-left:20px;
}
#sikaku .koumoku p.left{
width:400px;
float:left;
}
#sikaku .koumoku p.right{
width:356px;
float:left;
}
#sikaku aside h1{
width:780px;
margin:10px auto 0 auto;
border:none;
color:#f00;
font-size:18px;
}
#sikaku p.jyukou{
margin:0 auto;
width:780px;
font-size:14px;
color:#f00;
}
#sikaku section ul,#sikaku aside ul{
width:780px;
margin:5px auto 10px;
padding-left:50px;
}
#sikaku section ul li,#sikaku aside ul li{
list-style-type:disc;
line-height:22px;
font-size:14px;
}
#sikaku section.koumoku section h1{
font-size:13px;
border:none;
margin:0;
padding:12px;
background-color:#effdfe;
}
.koumoku section{
width:400px;
float:left;
border:solid #ccc 1px;
margin-bottom:10px;
height:250px;
margin-right:8px;
margin-left:12px;
}
.koumoku section h1:before{
content:"";
display:inline;
}
.koumoku p.paso{
clear:left;
position:absolute;
top:655px;
left:578px;
}
.pos{
position:relative;
}
/*****************************
Webクリエイター・ＣＡＤ
******************************/
#sub_p .koumoku .box{
float:left;
width:480px;
}
#sub_p .koumoku aside dl{
width:450px;
font-size:13px;
padding:5px;
border:solid 2px #7be5ff;
overflow:hidden;
margin-left:10px;
margin-top:15px;
}
#sub_p .koumoku aside dt{
clear:left;
float:left;
width:220px;
padding:3px 0;
}
#sub_p .koumoku aside dd{
float:left;
width:200px;
padding:3px 0;
}
#sub_p .koumoku p.box_right{
float:left;
width:300px;
margin-left:30px;
}
#sub_p .koumoku p.box_right span.kasane{
margin-top:-70px;
display:block;
}
.blue,.orange{
color:#fff;
font-weight:bold;
}
/*****************************
mail
******************************/
#mail #main p{
font-size:14px;
margin 5px 0;
padding:10px;
line-height:20px;
}
#mail form{
margin-top:20px;
padding-left:30px;
background:url(../images/title_back.jpg) no-repeat 555px 60px;
}
#mail dt{
margin-top:20px;
padding:10px 0;
}
/*
#main dd{
margin-left:30px;
}
#main form p{
margin-top:20px;
margin-left:130px;
}
*/
#main form p input{
width:100px;
height:40px;
}
#juken_table {
width: 85%;
font-size: 14px;
}
#juken_table td,#juken_table th {
border: 1px solid silver;
padding: 6px 8px;
}
#juken_table th {
vertical-align: middle;
font-weight: normal;
}
#juken_table input[type="text"],#juken_table input[type="email"],#juken_table input[type="number"]{
border: 1px solid silver;
padding: 12px 8px;
font-size: 20px;
margin: 0 4px;
border-radius: 6px;
box-sizing: border-box;
}
#juken_table select {
border: 1px solid silver;
padding: 4px 8px;
margin: 0 4px;
border-radius: 6px;
box-sizing: border-box;
}
#juken_table input[type="text"].telbox {
width: 6em;
}
#juken_table input[type="text"].datebox {
width: 6em;
text-align: right;
}
#juken_submit--space {
text-align: center;
padding-top: 0.5em;
line-height: 2em;
font-size: 14px;
}
.juken_th {
color: #068;
background: #effdfe;
}
.juken_th_mini {
color: #068;
background: #eee;
}f