@charset "utf-8";
/*
Theme Name: plus
Theme URI: http://plus-support.co.jp/
Author: web-kyoto
Author URI: http://web-kyoto.info/
Description: 
Version: 

*/

*{margin:0;padding:0;}

html{background:#ffffff;}

ol, ul{list-style:none;}

body{
font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#2c2b2b;
background:#fff;
}

a{
color:#4f4c4e;
text-decoration:none;
}
a:hover{color:#c40764;text-decoration:none;}
a:active, a:focus {outline: 0;}


/* レイアウト
*****************************************************/
#wrapper-out{
width:100%;
margin:0 0 0 0;
height:476px;
background:url(images/bg_header2.png) repeat-x 0 0;
border:0px red solid;
}

h1{
float:left;
width:594px;
margin:5px 0 0 5px;
height:39px;
font-size:12px;
letter-spacing:0;
color:#fff;
border:0px red solid;
}

/* ヘッダー
*****************************************************/
#header{
width:1000px;
margin:0 auto;
border:0px red solid;
}

.header-contact{
width:401px;
float:right;
height:60px;
}

.header-logo{
float:left;
width:207px;
margin:5px 30px 0 5px;
}

ul.header-menu{
float:left;
}

.header-keitai{
float:right;
margin:0 0 0 0;
}

.header-tel{
float:right;
margin:30px 15px 0 0;
}

#header-photo{
width:1400px;
height:275px;
margin:-5px auto 0;
background:url(images/bg_header3.png) no-repeat 0 0;
}

/* メインメニュー
------------------------------------------------------------*/
#mainNav{
width:1000px;
margin:15px auto 0;

}

#mainNav ul{
width:1000px;
height:38px;
background:url(images/bg_navimenu.png) no-repeat 0 0;
}

#mainNav ul li{
float:left;
font-size:16px;
/*font-weight:bold;*/
}

#mainNav ul li a{
color:#332f31;
}

#mainNav ul li a:hover{color:#840140;}
#mainNav ul li a:active, a:focus {outline: 0;}

#mainNav ul li.menu1{
margin:7px 0 0 50px;
}

#mainNav ul li.menu2{
margin:7px 0 0 120px;
}

#mainNav ul li.menu3{
margin:7px 0 0 118px;
}

#mainNav ul li.menu4{
margin:7px 0 0 120px;
}

#mainNav ul li.menu5{
margin:7px 0 0 140px;
}

/* メイン
*****************************************************/
#main{
width:1000px;
margin:20px auto 0;
border:0px red solid;
}

/* フッター
*****************************************************/
.main4{
width:100%;
height:429px;
margin:100px 0 0 0;
background:url(images/bg_main1.png) repeat-x 0 0;
}

.main-banner{
width:1000px;
margin:0 auto;
border:0px red solid;
}

img.banner1{
margin:55px 15px 0 0;
}

img.banner2{
margin:55px 15px 0 0;
}

img.banner3{
margin:55px 0 0 0;
}

.main-contact{
width:970px;
height:197px;
margin:55px auto 0;
background:url(images/bg_main2.png) no-repeat 0 0;
}

.main-contact-left{
float:left;
width:470px;
}

.main-contact-center{
float:left;
width:220px;
}

.main-contact-center img{
margin:55px 0 0 0;
}

.main-contact-right{
float:right;
width:280px;
}

p.style1{
margin:95px 0 0 40px;
font-size:24px;
letter-spacing:0.1em;
color:#fff;
}

p.style2{
margin:15px 0 0 40px;
font-size:12px;
letter-spacing:0.2em;
color:#fff;
}

p.style3{
margin:50px 0 0 0;
font-size:30px;
letter-spacing:0.15em;
color:#fff;
}

p.style4{
margin:35px 0 0 25px;
font-size:34px;
letter-spacing:-0.03em;
color:#fff;
}

.go-top{
width:1000px;
margin:50px auto 30px;
border:0px blue solid;
}

.go-top img{
margin:0 0 0 900px;
}

#footer-out{
width:100%;
margin:0 0 0 0;
height:294px;
margin:0 auto;
background:#f2f2f2;
}

#footer{
width:1000px;
height:294px;
margin:0 auto;
background:url(images/bg_footer2.png) no-repeat 0 0;
} 

.footer-left{
float:left;
width:400px;
margin:35px 0 0 35px;
}

ul.footer-menu-left{
float:left;
width:140px;
}

ul.footer-menu-left li{
font-size:16px;
line-height:36px;
color:#4f4c4e;
}

ul.footer-menu-right{
float:right;
width:250px;
}

ul.footer-menu-right li{
font-size:16px;
line-height:36px;
color:#4f4c4e;
}

.footer-center{
float:left;
width:210px;
}

img.footer-logo{
margin:45px 0 0 0;
}

img.footer-contact{
margin:70px 0 0 0;
}

.footer-right{
float:right;
width:355px
margin:0 0 0 0;
}

p.style5{
margin:63px 30px 0 0;
font-size:12px;
letter-spacing:0.2em;
color:#332f31;
}

p.style6{
margin:90px 40px 0 0;
font-size:30px;
letter-spacing:0.2em;
color:#332f31;
}

p.style7{
margin:18px 0 0 13px;
font-size:36px;
letter-spacing:0;
color:#c40764;
}

p.style8{
margin:20px 0;
font-size:12px;
letter-spacing:0.2em;
color:#4f4c4e;
text-align:center;
}

/* 固定ページ
*****************************************************/
h2{
padding:50px 0 0 130px;
font-size:36px;
color:#ededed;
}

h3{
width:1000px;
height:52px;
margin:30px 0 0 0;
padding:0 0 0 10px;
font-size:30px;
letter-spacing:0.2em;
color:#8c8c8c;
}

h3.pink{
background:url(images/bg_h3-pink.png) no-repeat 0 50px;
}

h3.blue{
background:url(images/bg_h3-blue.png) no-repeat 0 50px;
}

h3.green{
background:url(images/bg_h3-green.png) no-repeat 0 50px;
}

h3.gray{
background:url(images/bg_h3-gray.png) no-repeat 0 50px;
}

h4{
margin:30px 0 0 0;
font-size:24px;
letter-spacing:0.1em;
color:#2c2b2b;
}

span.pink{
color:#c40765;
}

span.blue{
color:#067fc4;
}

span.green{
color:#b9c406;
}

.current{
margin:0 0 0 30px;
font-size:16px;
color:#0f0f0f;
letter-spacing:0;
}

/* 事業案内
------------------------------------------------------------*/
.business-left1{
float:left;
width:630px;
}

.business-left1 p,.business-right2 p{
margin:20px;
font-size:16px;
letter-spacing:0.1em;
line-height:28px;
}

.business-left1 ul,.business-right2 ul{
margin:20px;
}

.business-left1 ul li,.business-right2 ul li{
margin:5px 0 0 20px;
font-size:16px;
letter-spacing:0.1em;
line-height:28px;
list-style:disc;
}

.business-right1{
float:right;
width:370px;
}

.business-left2{
float:left;
width:370px;
}

.business-right2{
float:right;
width:630px;
}

img.business-photo{
margin:40px 20px 0 0;
}

.business-price{
width:245px;
margin:50px auto 20px;
}

/* 会社概要
------------------------------------------------------------*/
#company p{
margin:30px 60px;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

#company a:hover{color:#cf2878;}
#company a:active, a:focus {outline: 0;}

.company-photo{
width:880px;
margin:0 auto;
}

.company-profile{
width:700px;
margin:0 auto;
}

table.profile{
width:700px;
margin:50px auto;
border-collapse:collapse;
border-spacing:0;
border:#989487 1px solid;
}

tr.profile-1{
border:#989487 1px solid;
}

tr.profile-1 th{
width:120px;
padding:12px 20px 12px 20px;
font-size:120%;
font-weight:normal;
text-align:center;
border:#989487 1px solid;
border-right:none;
background:#ddd;
}

tr.profile-1 td{
padding:10px 0 10px 20px;
font-size:120%;
border:#989487 1px solid;
}

.company-access{
width:700px;
margin:20px auto 0;
}

.company-map{
width:700px;
margin:50px auto 20px;
}


p.link a{
margin:0 0 0 600px;
font-size:18px;
color:#b9c406;
text-decoration:underline;
}

/* プライバシーポリシー
------------------------------------------------------------*/
#privacy p{
margin:30px;
font-size:16px;
line-height:28px;
letter-spacing:0.1em;
}

#privacy ul{
margin:30px 50px 50px 50px;
}

#privacy ul li{
margin:20px 0 0 0;
font-size:16px;
letter-spacing:0.1em;
font-weight:normal;
}

/* サイトマップ
------------------------------------------------------------*/
#sitemap ul{
margin:50px;
}

#sitemap ul li{
margin:20px 0 0 0;
padding:0 0 0 40px;
font-size:18px;
letter-spacing:0.1em;
font-weight:normal;
background:url(images/mrk_icon1.png) no-repeat 0 6px;
}


/* お問合せ
------------------------------------------------------------*/
#contact p{
margin:30px 60px;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.contact{
width:700px;
margin:20px auto;
}

.contact-form{
width:703px;
margin:0 auto;
}

table.order1{
table-layout:fixed;
width:700px;
margin:0 auto;
border-collapse:collapse;
border-spacing:0;
margin-left:20px;
}

table.order1 th{
width:160px;
padding:10px 20px;
font-weight:normal;
text-align:center;
background:#f0f0f0; 
border:#ccc 1px solid;
}

table.order1 td{
border:#ccc 1px solid;
padding:10px 20px;
text-align:left;
}

input[type="number"]{ 
width:60px; 
} 

input[type="text"], textarea{ 
vertical-align:middle; 
width:550px; 
max-width:90%; 
line-height:30px; 
height:34px; 
padding:1px 5px; 
border:1px solid #d4d4d7; 
border-radius:3px; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
font-size:100%; 
color:#555; 
background:#fcfcfc; 
} 

textarea{ 
width:550px; 
height:100px; 
line-height:1.5; 
} 

input[type="submit"],input[type="reset"],input[type="button"], p.readon a{ 
vertical-align:top; 
padding:0 10px 0 22px; 
background:#2e69a4; 
background:-moz-linear-gradient(top, #2e69a4 0%, #4486c9 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e69a4), color-stop(100%,#4486c9)); 
background:-webkit-linear-gradient(top, #2e69a4 0%,#4486c9 100%); 
background:-o-linear-gradient(top, #2e69a4 0%,#4486c9 100%); 
background:linear-gradient(to bottom, #2e69a4 0%,#4486c9 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e69a4', endColorstr='#4486c9',GradientType=0 ); 
border:0; 
border-radius:3px; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
line-height:28px; 
height:28px; 
font-size:120%; 
color:#fff; 
} 

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,p.readon a:hover{ 
background:#4486c9; 
background:-moz-linear-gradient(top, #4486c9 0%, #2e69a4 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4486c9), color-stop(100%,#2e69a4)); 
background:-webkit-linear-gradient(top, #4486c9 0%,#2e69a4 100%); 
background:-o-linear-gradient(top, #4486c9 0%,#2e69a4 100%); 
background:linear-gradient(to bottom, #4486c9 0%,#2e69a4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4486c9', endColorstr='#2e69a4',GradientType=0 ); 
cursor:pointer; 
} 

*:first-child+html input[type="submit"]{
padding:3px;
}

/* お知らせ
------------------------------------------------------------*/
#info{
width:800px;
margin:50px auto;
border:2px silver dashed;
border-radius:10px;
}

#date{
margin:20px 0 0 30px;
font-size:18px;
color:#c40764;
}

#title{
width:700px;
margin:30px auto;
font-size:22px;
text-align:center;
text-decoration:underline;
}

#content{
margin:30px 30px 50px 30px;
font-size:16px;
line-height:28px;
letter-spacing:0.1em;
}

.left{
float:left;
margin:0 0 50px 30px;
}

.right{
float:right;
margin:0 30px 50px 0;
}

.left a,.right a{
color:#c40764;
}

.left a,.right a:hover{color:#077fc4;}
.left a,.right a:active, a:focus {outline: 0;}

/* アーカイブ
------------------------------------------------------------*/
.main-archive{
width:800px;
margin:50px auto;
border:2px silver dashed;
border-radius:10px;
}

.main-archive ul{
margin:30px 30px 50px 30px;
}

.main-archive ul li{
margin:20px 0 0 0;
padding:0 0 10px 0;
border-bottom:1px #332f31 solid;
}

.archive-date{
float:left;
width:100px;
font-size:18px;
color:#c40764;
}

.archive-title{
float:right;
width:700px;
font-size:18px;
}


.archive-left{
float:left;
margin:0 0 50px 30px;
}

.archive-right{
float:right;
margin:0 30px 50px 0;
}

.archive-left a,.archive-right a{
color:#c40764;
}

.archive-left a,.archive-right a:hover{color:#077fc4;}
.left a,.right a:active, a:focus {outline: 0;}