@charset "utf-8";
/* CSS Document */
/* - - - - - - - - - - - - - - - - - - - - -
Title :
Author :
URL :
Description :
Created :
Modified :
- - - - - - - - - - - - - - - - - - - - - */
/* ----- CSS ----- */
*{
margin: 0;
padding: 0;
}
html{
height: 100%;
font-size: 75%;
background-image:url(assets/images/bg.gif);
background-position:top;
background-repeat:repeat-x;
}
body{
}
/* ----- IDS ----- */
#container{
width:860px;
margin:0 auto;
padding:0;
text-align:center;
}
#header{
position:absolute;
top:0;
width:860px;
height:130px;
background-image:url(assets/images/bg_header.gif);
background-position:top;
background-repeat:no-repeat;
}
#navigation{
width:841px;
height:40px;
background-image:url(assets/images/bg_navi.gif);
background-repeat:no-repeat;
margin:75px auto 0;
text-align:center;
}
#contentsWrapper{
clear:both;
position:relative;
width:860px;
margin:0;
padding:0;
padding-bottom:30px;
top:135px;
margin-bottom:70px;
text-align : left ;
}
#breadcrumbnav{
margin:0 0 10px 15px ;
}
#primaryContent{
position:relative;
width:640px;
float:right;
}
#secondaryContent{
position:relative;
width:200px;
float:left;
}
#footer{
clear:both;
background-image:url(assets/images/bg_footer.gif);
background-position:bottom;
background-repeat:no-repeat;
width:860px;
height:80px;
z-index : -10; /*content末尾でクリックできなくなるのを防止用*/
position : static; /*relative では不可。*/
padding-top : 60px; /*contentにフッタリンクがかぶらない位置まで下げる*/
}
/* ----- CLASSES ----- */
/* for modern brouser */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
max-height: 0;
visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/**/
#header .logo{
position:absolute;
background-image:url(assets/images/logo.gif);
background-repeat:no-repeat;
width:210px;
height:47px;
top:15px;
left:20px;
float:left;
}
#header .topNavi{
float:right;
width:270px;
height:55px;
margin-right:15px;
background-image:url(assets/images/companyName.gif);
background-repeat:no-repeat;
background-position:right 35px;
}
#primaryContent .visual{
width:585px;
height:270px;
background-image:url(assets/images/bg_visual_top.png);
background-repeat:no-repeat;
padding-right:50px;
}
#primaryContent .visual .slideshow{
width:385px;
float:right;
}
#primaryContent .visual .slideshow img{
margin-top:25px;
}
#primaryContent .primaryBlock{
background-image:url(assets/images/bg_primaryBlock.png);
background-repeat:no-repeat;
background-position:bottom;
padding-top : 10px ;
}
#primaryContent .localNavi{
margin:0 15px 15px;
/*padding-top:10px;*/
padding-bottom:10px;
border-bottom:1px dotted #808080;
}
#primaryContent .contact_form{
padding-left : 40px ;
}
#primaryContent .primaryBlock .primaryPanel{
padding:15px;
margin-bottom:15px;
}
#primaryContent .p_coment{
margin-bottom:25px;
}
#secondaryContent .secondaryBlock{
margin-bottom:20px;
}
#secondaryContent .secondaryPannel{
background-image:url(assets/images/bg_sec.gif);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:10px;
margin-bottom:20px;
overflow:hidden;
wdith:200px;
}
#footer .footerBlock{
text-align:center;
padding-top:20px;
width:700px;
margin:0 auto;
}
.hide{
}
.show{
}
/* ----- HEADINGS ----- */
h1{
}
h1 span{
display:none;
}
h2{
}
h3{
}
#primaryContent h2{
width:640px;
height:100px;
}
#primaryContent .primaryBlock h3{
text-align:left;
font-size:125%;
line-height:250%;
margin-left:20px;
color:#6076D1;
}
#primaryContent .primaryBlock h4{
text-align:left;
font-size:130%;
line-height:250%;
margin: 10px 15px 0 10px ;
font-weight : bold ;
padding-left:10px;
color:#000066;
background-image:url(assets/images/bg_h4_2.png);
background-repeat:repeat-x;
}
#primaryContent .primaryBlock h5{
text-align:left;
font-size:120%;
line-height:250%;
margin: 10px 15px 0 15px ;
font-weight : bold ;
padding-left:10px;
color:#000066;
background-image:url(assets/images/bg_h5.png);
background-repeat:repeat-x;
}
#primaryContent .primaryBlock h6{
text-align:left;
font-size:120%;
line-height:250%;
margin: 10px 15px 0 15px ;
font-weight : bold ;
padding-left:15px;
color:#0000FF;
}
#secondaryContent .secondaryPannel h3{
height:38px;
font-size:100%;
font-weight:700;
line-height:38px;
color:#FFFFFF;
text-align : center ;
}
#secondaryContent .secondaryPannel h3.orange{
background-image:url(assets/images/bg_h3_sec.gif);
background-repeat:no-repeat;
}
#secondaryContent .secondaryPannel h3.bule{
background-image:url(assets/images/bg_h3_sec02.gif);
background-repeat:no-repeat;
}
h4{
}
/* ----- PARAGRAPHS ----- */
p{
font-size:110%;
line-height:1.5em;
text-align:left;
margin : 10px 15px 0 20px ;
}
#primaryContent p.detail{
line-height:240%;
text-align:right;
font-size:120%;
}
#primaryContent p.detail01{
line-height:150%;
text-align:left;
font-size:120%;
/* margin : 0 ;*/
margin : 8px 0 10px 0 ;
padding : 0 2em 0 2em ;
}
#primaryContent p.detail03{
line-height:150%;
text-align:left;
font-size:120%;
/* margin : 0 ;*/
margin : 8px 0 10px 0 ;
padding : 0 1em 0 10em ;
}
#primaryContent p.detail05{
line-height:150%;
text-align:left;
font-size:120%;
/* margin : 0 ;*/
margin : 8px 0 10px 0 ;
padding : 0 2em 0 2em ;
}
#primaryContent p.corpmap{
margin-top : 20px ;
margin-left: 25px ;
font-size:130%;
}
#primaryContent p strong {
color:#15391D;
font-weight: bold ;
}
#p_sign p {
text-align:right;
margin-bottom:25px;
line-height:150%;
font-size:120%;
}
#primaryContent p.detail02{
line-height:150%;
text-align:left;
font-size:130%;
margin-top :20px;
margin-left : 0px ;
margin-right : 0px ;
padding-top:50px;
padding-left : 20px ;
padding-right : 20px ;
}
#secondaryContent p{
}
#secondaryContent p.caution{
padding:5px;
font-size:90%;
color:#666666;
}
#secondaryContent p.caution01{
margin-left : 10px ;
font-size:110%;
color:#000066;
}
#footer p{
clear:both;
display:block;
margin-top:10px;
text-align:center;
font-size:80%;
}
p .corpConsept01{
padding-top : 40px ;
}
p.info{
padding-left : 3em ;
}
.agent dt strong {
color:#FF6600;
font-weight: bold ;
}
.agent li strong {
color:#FF6600;
font-weight: bold ;
}
#primaryContent p.detail05 strong {
color:#FF6600;
font-weight: bold ;
}
/* ----- QUOTES ----- */
blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}
/* ----- CODE ----- */
pre{
}
code{
}
p code{
}
pre code{
}
/* ----- LISTS ----- */
li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}
#header .topNavi ul{
margin-top:5px;
}
#header .topNavi ul li{
float:left;
}
#navigation ul{
width:840px;
margin:0 atuo;
text-align:center;
}
#navigation ul li{
float:left;
}
#primaryContent .localNavi ul{
width:600px;
margin:0 0 20px 0;
padding-top:10px;
padding-left : 20px ;
}
#primaryContent .localNavi ul li{
float:left;
background-image:url(assets/images/ico_049_3.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
margin-right:15px;
ont-size:120%;
}
#privacy_policy ul li{
line-height:150%;
font-size:120%;
margin-left: 3em ;
margin-right: 2em ;
padding-top: 5px ;
}
#process ul li{
line-height:150%;
font-size:100%;
margin-left: 25px ;
margin-right: 10px ;
padding-top: 5px ;
}
#footer .footerBlock ul{
clear:both;
text-align:center;
width:600px;
padding-left:20px;
margin : 0px auto;
}
#footer .footerBlock ul li{
float:left;
font-size:80%;
padding-right:10px;
}
.agent ul li{
line-height:150%;
font-size:115%;
margin-left: 2em ;
margin-right: 2em ;
padding-top: 5px ;
}
/* ----- IMAGES ----- */
img{
border:none;
}
img a{
border:none;
}
img a:hover{
border:none;
}
img.fLeft{
float:left;
padding-right:10px;
padding-bottom:10px;
}
.products img{
float:left;
padding:10px;
}
#product_material img{
float:left;
padding:10px 5px 10px 25px;
}
#corpConcept img{
float:left;
}
#president_pic img{
padding:10px;
float : left ;
}
#p_sign img{
float:right;
}
.templates img{
padding-top:5px;
}
#concept_design img{
}
.concept_design02 img{
float:left;
padding:30px 10px 10px 150px;
}
.concept_design03 img{
float:left;
padding:20px 10px 10px 10px;
}
.concept_design04 img{
float:right;
padding:20px 10px 10px 10px;
}
.concept_design05 img{
float:right;
padding:20px 150px 10px 10px;
}
.concept_design06 img{
float:right;
padding:20px 10px 10px 10px;
}
.concept_design07 img{
float:left;
padding:30px 10px 10px 10px;
}
#concept_sales img{
}
.concept_sales02 img{
float:left;
padding:30px 10px 10px 150px;
}
.concept_sales03 img{
float:left;
padding:20px 10px 10px 10px;
}
.concept_sales04 img{
float:right;
padding:20px 10px 10px 10px;
}
.concept_sales05 img{
float:right;
padding:20px 150px 10px 10px;
}
.concept_sales06 img{
float:right;
padding:20px 10px 10px 10px;
}
.concept_sales07 img{
float:left;
padding:30px 10px 10px 10px;
}
#concept_printing img{
}
.concept_printing02 img{
float:left;
padding:30px 10px 10px 150px;
}
.concept_printing03 img{
float:left;
padding:20px 10px 10px 10px;
}
.concept_printing04 img{
float:right;
padding:20px 10px 10px 10px;
}
.concept_printing05 img{
float:right;
padding:20px 150px 10px 10px;
}
.concept_printing06 img{
float:right;
padding:20px 10px 10px 10px;
}
.concept_printing07 img{
float:left;
padding:30px 10px 10px 10px;
}
.agent img {
padding:10px 0 10px 15px ;
}
/* ----- BREAK ----- */
hr{
}
/* ----- TEXT FORMATTING ----- */
strong{
}
em{
}
b{
}
i{
}
/* ----- LINKS ----- */
a{
}
a:hover{
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}
p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}
/* ----- TABLES ----- */
table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}
table.corpProfile{
width:500px;
margin-top:15px;
margin-left:35px;
table-layout:fixed;
font-size:100%;
border: 3px solid #99CC66;
border-collapse: collapse;
border-spacing: 0;
color:#434343;
margin-bottom: 35px ;
}
table.corpProfile th{
width:30%;
font-size:120%;
padding-left:5px;
background-color:#EAF4E0;
text-indent:1em;
text-align:left;
}
table.corpProfile td{
font-size:120%;
padding:10px 5px;
text-align:left;
}
table.corpProfile tr th,
table.corpProfile tr td{
border-bottom:1px dotted #dcdcdc;
}
table.corphistory{
width:600px;
margin-top:20px;
margin-left:25px;
table-layout:auto;
font-size:110%;
border: 2px solid #99CC66;
border-collapse: collapse;
border-spacing: 0;
color:#434343;
}
table.corphistory td{
font-size:110%;
padding:10px 5px;
text-align:left;
}
table.corphistory th{
width:auto;
font-size:120%;
padding:10px 0px;
text-align : center ;
background-color:#EAF4E0;
}
table.corphistory tr th,
table.corphistory tr td{
border-bottom:1px dotted
}
colgroup#corphisotr_year{
width: 6em ;
}
colgroup#corphisotr_month{
width: 6em ;
}
#dcdcdc;table.process{
margin-left:5px;
}
table.type_mac {
width:500px;
margin-top:5px;
margin-left:25px;
table-layout:fixed;
font-size:100%;
border: 2px solid #FF6633;
border-collapse: collapse;
border-spacing: 0;
color:#434343;
}
table.type_mac th{
width:30%;
font-size:100%;
padding:5px 0 ;
background-color:#FF9933;
text-indent:0;
text-align:center;
}
table.type_mac td{
font-size:100%;
padding:10px 5px;
text-align:center;
}
table.type_mac tr th,
table.type_mac tr td{
border-bottom:1px dotted
}
table.type_mac caption{
font-size: large ;
font-weight: bold ;
color:#FF6633;
padding:5px ;
}
table.type_win {
width:500px;
margin-top:5px;
margin-left:25px;
table-layout:fixed;
font-size:100%;
border: 2px solid #3366CC;
border-collapse: collapse;
border-spacing: 0;
color:#434343;
}
table.type_win th{
width:30%;
font-size:100%;
padding:5px 0 ;
background-color:#3399CC;
text-indent:1em;
text-align:center;
}
table.type_win td{
font-size:100%;
padding:10px 5px;
text-align:center;
}
table.type_win tr th,
table.type_mac tr td{
border-bottom:1px dotted
}
table.type_win caption{
font-size: large ;
font-weight: bold ;
color:#3366CC;
padding:5px ;
}
table.templates{
width:500px;
margin-top:5px;
margin-left:25px;
table-layout:fixed;
font-size:100%;
border-collapse: collapse;
border-spacing: 0;
color:#434343;
}
table.templates th{
width:auto;
font-size:120%;
padding-left:10px;
text-align : left ;
}
table.templates td{
font-size:120%;
padding:10px;
text-align:left;
}
table.templates tr th{
border-bottom:2px solid;
border-color:#000000;
}
table.templates tr td{
border-bottom:1px solid;
border-color:#6633FF;
}
table.corpConcept{
width:600px;
margin-top:15px;
margin-left:35px;
table-layout:fixed;
font-size:100%;
border: 0px solid #99CC66;
border-collapse: collapse;
border-spacing: 0;
color:#434343;
margin-bottom: 35px ;
}
table.corpConcept th{
width:35%;
padding-left:0px;
text-indent:1em;
text-align:left;
}
table.corpConcept td{
font-size:120%;
padding:5px 5px;
text-align:left;
line-height:180%;
}
/* ----- FORMS ----- */
form{
}
fieldset{
}
legend{
}
label{
vertical-align : top ;
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}
/* ----- DEFINITIONS ----- */
dl{
}
dt{
}
dd{
}
#primaryContent .primaryPanel dl.consultingPrint{
margin:0;
padding:0;
width: 201px;
float:left;
}
#primaryContent .primaryPanel dl.consultingPrint dt img{
margin:0;
padding:0;
}
#primaryContent .primaryPanel dl.consultingPrint dd{
width:185px;
margin-bottom:0;
}
#primaryContent .primaryPanel dl.consultingPrint dd.text{
font-size:100%;
text-align:left;
line-height:160%;
width:185px;
margin-top:0;
margin-left:5px;
}
#corpmap dt{
font-size:120%;
margin-top:15px;
margin-left:10px;
}
#corpmap dd{
font-size:120%;
margin-top:10px;
margin-left:15px;
}
.point dt{
font-size:120%;
margin-top:15px;
margin-left:25px;
font-weight : bold ;
color:#990000;
}
.point dd{
font-size:110%;
margin-top:10px;
margin-left:30px;
margin-right:10px;
line-height:150%;
}
.agent dl {
font-size:120%;
margin-top:10px;
margin-left:30px;
margin-right:30px;
line-height:150%;
}
#secondaryContent .secondaryPannel dl.offset{
width:200px;
text-align:left;
font-size:100%;
margin-bottom:15px;
}
#secondaryContent .secondaryPannel dl.offset dt{
font-size:120%;
line-height:210%;
padding-left:10px;
padding-right:10px;
margin-bottom:5px;
border-bottom:1px dotted #bd3e00;
color:#bd3e00;
}
#secondaryContent .secondaryPannel dl.offset dd{
background-image:url(assets/images/bullet_orange.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:18px;
margin-left:20px;
line-height:160%;
}
#secondaryContent .secondaryPannel dl.consul{
width:200px;
text-align:left;
font-size:100%;
}
#secondaryContent .secondaryPannel dl.consul dt{
font-size:120%;
line-height:210%;
padding-left:10px;
padding-right:10px;
margin-bottom:5px;
border-bottom:1px dotted #2252A2;
color:#2252A2;
}
#secondaryContent .secondaryPannel dl.consul dd{
background-image:url(assets/images/bullet_bule.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:18px;
margin-left:20px;
line-height:160%;
}
#secondaryContent .secondaryPannel ul.download{
width:180px;
text-align:left;
font-size:100%;
margin-left:5px;
padding-left : 25px ;
}
#secondaryContent .secondaryPannel dl.download{
}
ul.download li.illustrator{
list-style-image:url(assets/images/icon_illustrator.png);
/* background-position:left;
background-repeat:no-repeat; */
color:#d95700;
margin-left: 10px ;
}
dl.download dt.photoshop{
background-image:url(assets/images/icon_photoshop.png);
background-position:left;
background-repeat:no-repeat;
color:#0066ff;
margin-left: 10px ;
}
dl.download dt.excel{
background-image:url(assets/images/icon_excel.png);
background-position:left;
background-repeat:no-repeat;
color:#009933;
margin-left: 10px ;
}
dl.download dt.word{
background-image:url(assets/images/icon_word.png);
background-position:left;
background-repeat:no-repeat;
color:#006699;
margin-left: 10px ;
}
ul.download li{
margin-top:5px;
margin-left:5px;
/* padding-left:17px; */
line-height:150%;
}
dl.download dd{
margin-left:20px;
font-size:90%;
line-height:160%;
}
#secondaryContent .secondaryPannel ul.download01 li{
margin-top:5px;
margin-left:5px;
padding-left:10px;
line-height:150%;
}
/* 問い合わせフォームのテーブルの設定 */
#primaryContent .contact_form table{
margin : 20px 0 0 20px ;
}
#primaryContent .contact_form table tr th{
font-size : 110% ;
line-height : 1.5em ;
padding : 5px 0 ;
text-align : right ;
vertical-align : top ;
}
#primaryContent .contact_form table tr td{
padding : 5px 0 5px 10px ;
}
#primaryContent .contact_form .form_button{
text-align : center ;
}
#primaryContent .contact_form p{
padding-bottom : 15px;
}