/*
Theme Name: ROC
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.0
Author: LRM
Tags: mantle color, variable width, two columns, widgets

*/

*{
 margin:0;
 padding:0
}

body{
 font-size:small;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 color:#333;
 text-align:center;
 background:url("images/bg.jpg");
}

img {
 border:0;
 vertical-align: top;
 vertical-align: bottom;
}

em {
 font-weight:bold;
 color:#c00;
 font-style:normal;
}

a:link{
 color:#D90616;
}

a:visited{
 color:#940013;
}

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

a:active{
 color:#D90616;
}

.btn {
 text-align:center;
}

.clear {
 font-size:0px;
 height:0;
 clear:both;
}

.error {
 color:#c00;
}

.must {
 color:#c00;
 font-weight:bold;
}

.images {
 margin:0px 10px 10px 0px;
 float:left;
}

.right {
 text-align:right;
}

.totop {
 text-align:right;
 margin:10px 0px 0px 30px;
}

.uetuki {
 font-size:8px;
 vertical-align:super;
}

/* ================ container ================== */
div#container{
 text-align:left;
 width:960px;
 margin:0 auto;
 background:#fff;
}

/* ================ header ================== */
div#header {
 height:137px;
}

div#header h1,
div#header p {
 text-indent:-9999px;
 font-size:12px;
 float:left;
 margin:10px 0px;
}

div#header h1 {
 margin-left:10px;
}

div#header h1 a {
 display:block;
 width:358px;
 _width:328px;
 height:70px;
 overflow:hidden;
 background:url("images/h_logo.gif") no-repeat;
}

div#header p {
 display:block;
 width:330px;
 _width:330px;
 height:70px;
 background:url("images/h_ttl.gif") no-repeat;
}

div#header ul#h_navi {
 margin-left:15px;
}

div#header ul#h_navi li {
 float:left;
 list-style:none;
}
div#header div.consortium p{
	display:block;
	background:url("images/bnr_snp.gif") no-repeat left 12px;
	width:260px;
	height:49px;
	padding-top:12px;
}
div#header div.consortium p a{
	display:block;
	width:260px;
	height:49px;
	overflow:hidden;
}

/* ================ wapper ================== */
div#wrapper{
 float:left;
 width:100%;
}

/* ================ content ================== */
/* ================ main ================== */
div#content{
 margin: 0px 0px 0px 210px;
 padding:10px 0px 20px 20px;
 width:680px;
}


div#main{
 margin: 0px 0px 0px 120px;
 padding:10px 0px 20px 20px;
 width:680px;
}

div#content h3,
div#main h3{
 width:680px;
 height:50px;
 text-indent:-9999px;
 margin-bottom:20px;
}
div#content h3#c_ttl_company {
 background:url("images/c_ttl_company.gif") no-repeat;
}

div#content h3#c_ttl_rinen {
 background:url("images/c_ttl_rinen.gif") no-repeat;
}

div#content h3#c_ttl_shihyou {
 background:url("images/c_ttl_shihyou.gif") no-repeat;
}

div#content h3#c_ttl_houshin {
 background:url("images/c_ttl_houshin.gif") no-repeat;
}

div#content h3#c_ttl_greeting {
 background:url("images/c_ttl_greeting.gif") no-repeat;
}

div#content h3#c_ttl_access {
 background:url("images/c_ttl_access.gif") no-repeat;
}

div#main h3#c_ttl_recruit {
 background:url("images/c_ttl_recruit.gif") no-repeat;
}

div#content h3#c_ttl_service {
 background:url("images/c_ttl_service.gif") no-repeat;
}

div#content h3#c_ttl_character {
 background:url("images/c_ttl_character.gif") no-repeat;
}

div#content h3#c_ttl_web {
 background:url("images/c_ttl_web.gif") no-repeat;
}

div#content h3#c_ttl_media {
 background:url("images/c_ttl_media.gif") no-repeat;
}

div#content h3#c_ttl_field {
 background:url("images/c_ttl_field.gif") no-repeat;
}

div#content h3#c_ttl_works {
 background:url("images/c_ttl_works.gif") no-repeat;
}

div#content h3#c_ttl_works_field {
 background:url("images/c_ttl_works_field.gif") no-repeat;
}

div#content h3#c_ttl_works_direct {
 background:url("images/c_ttl_works_direct.gif") no-repeat;
}

div#content h3#c_ttl_works_character {
 background:url("images/c_ttl_works_character.gif") no-repeat;
}

div#main h3#c_ttl_garally {
 background:url("images/c_ttl_garally.gif") no-repeat;
}

div#main h3#c_ttl_policy {
 background:url("images/c_ttl_policy.gif") no-repeat;
}

div#main h3#c_ttl_kaiji {
 background:url("images/c_ttl_kaiji.gif") no-repeat;
  margin-bottom:10px;
  margin-top:30px;
}
div#main h3#c_ttl_handling {
 background:url("images/c_ttl_handling.gif") no-repeat;
 margin-bottom:10px;
 margin-top:30px;
}
div#main h3#c_ttl_sitemap {
 background:url("images/c_ttl_sitemap.gif") no-repeat;
}

div#content h4,
div#main h4 {
 width:650px;
 margin:30px 0px 25px 0px;
 padding:5px 10px;
 border-left:5px solid #990215;
 border-bottom:1px solid #990215;
 font-size:small;
}

div#content h4 span,
div#content h5 span {
 color:#990215;
 margin-right:5px;
}

div#content h5 {
 margin-bottom:10px;
}

div#content h5,
div#content h6,
div#main h5,
div#main h6 {
 font-size:small;
}

div#content h5.c_ttl_service02 {
 font-size: 15px;
 border-bottom:1px dotted;
 margin-bottom:20px;
 padding-bottom:5px;
}

div#content p,
div#content ol,
div#content ul,
div#content dl,
div#main p,
div#main ol,
div#main ul,
div#main dl {
 line-height:140%;
}


div#content div.box {
 margin-bottom:20px;
}

div#content div.box p,
div#content div.box ul,
div#content div.box ol,
div#content div.box dl,
div#content div.box iframe,
div#main div.box p,
div#main div.box ol,
div#main div.box dl {
 margin:0px 20px;
}
div#main div.box ul{
 margin: 10px 30px;
}

div#content p,
div#main p{
 line-height:140%;
}

div#content dt {
 margin-bottom:5px;
}

div#content dt span {
 color:#D90616;
}

div#content dd {
 margin-bottom:10px;
 margin-left:1em;
}

div#content ol,
div#main ol {
 margin-left:2em;
}

div#content ul {
 list-style:none;
}

/*div#content li,
div#main li {
 margin-bottom:5px;
}*/


div#content div.box p.photo {
 text-align:center;
 margin-top:30px;
}

div#content div.img {
 line-height:0;
 text-align:center;
}

div#content p.c_copy {
 margin:20px 0;
}

div#content p.c_copy img {
 text-align:center;
}

div#content div.link_works {
 text-align:right;
 margin:30px 20px 10px;
}

div#content div.link_works img {
 margin-left:10px;
}

/* ================ navigation ================== */
div#navigation{
 float:left;
 width:200px;
 margin-left:-960px;
}

div#navigation h3{
 text-indent:-9999px;
 width:200px;
 height:40px;
 margin:10px 0px 0px 15px;
}

div#navigation h3#n_ttl_company{
 background:url("images/n_ttl_company.gif") no-repeat;
}

div#navigation h3#n_ttl_service{
 background:url("images/n_ttl_service.gif") no-repeat;
}

div#navigation h3#n_ttl_works{
 background:url("images/n_ttl_works.gif") no-repeat;
}

div#navigation ul {
 list-style:none;
 margin-left:15px;
 margin-bottom:30px;
}

div#navigation li,
div#navigation a,
div#navigation img {
 margin:0px;
 padding:0px;
}

/* ================ footer ================== */
div#footer{
 font-size:84%;
 clear:left;
 width:930px;
 border-top:1px solid #666;
 padding:15px;
}

div#footer p{
 float:left;
}

div#footer p.copy {
 font-weight:bold;
 width:670px;
}

div#footer p.meta {
 text-align:right;
}


/* ================ index ================== */
div#idx_content {
 width:930px;
 margin-left:15px;
 margin-bottom:30px;
}

div#idx_content div#whatsnew,
div#idx_content div#pmark {
 float:left;
}

div#idx_content div#whatsnew {
 background:url("images/c_pmark.jpg") no-repeat scroll right bottom transparent;
 width:800px;
 margin-left:70px;
}

div#idx_content h3 {
 width:650px;
 height:50px;
 text-indent:-9999px;
}

div#idx_content h3#c_ttl_whatsnew {
 background:url("images/c_ttl_whatsnew.gif") no-repeat;
}

div#whatsnew ul {
 line-height:140%;
 margin-left:20px;
 list-style:none;
 width:620px;
}

div#whatsnew ul .date {
 background-image:url("images/arrow1.png");
 background-position:left bottom;
 background-repeat:no-repeat;
 float:left;
 list-style-type:none;
 margin-left:5px;
 padding-left:15px;
 padding-top:10px;
 vertical-align:baseline;
 width:85px;
}

div#whatsnew ul .info {
 border-bottom:1px dotted #666;
 padding-top:10px;
 padding-bottom:15px;
 padding-left:105px;
}

div#whatsnew div.pmark{
	height:auto;
	width:130px;
	float:right;
	position:relative;
}
div#whatsnew div.pmark a{
	width:80px;
	height:80px;
	display:block;
	position:absolute;
	right:0px;
	bottom:0px;
	text-indent:-9999px;
	overflow:hidden;
}
div#idx_content div#pmark {
 width:150px;
 text-align:center;
}


/* ================ company ================== */
div#content p.ceo {
 text-align:right;
 font-size:medium;
 padding-top:50px;
}

div#content dl.company dt,
div#content dl.company dd {
 float:left;
}

div#content dl.company dt {
 margin-left:30px;
 width:100px;
 clear:left;
}

div#content dl.company dd {
 width:520px;
}

/* ================ service ================== */
div#img_service {
 margin:0 0 60px 40px;
}

div#content .web_jirei p {
 width:280px;
 float:left;
 padding-bottom:50px;

}

div#content div.media_site {
 margin:0px 20px 40px 30px;
}

div#content div.img_s_media {
 text-align:center;
 margin-bottom:40px;
}

div#content div.media_site p {
 margin-bottom:10px;
 text-align:center;
}

div#content .char {
 text-align:center;
 margin-left:20px;
}

div#content .char p {
 float:left;
 margin-right:15px!important;
 margin-bottom:20px!important;
}

/* ================ works ================== */
div.works div.box img {
 margin-right:10px;
}


/* ================ garally ================== */
div#garally h4 {
 background:url("images/ttlbg_garally.jpg") no-repeat scroll 0 0 transparent;
 font-size:110%;
 color:#fff;
 border: none;
 height:25px;
 margin:0;
 margin-left:5px;
 padding:10px 0 0 12px;
}

div#garally h5 {
 margin-bottom:10px;
 color:#333;
 border-bottom:1px dotted #808080;
 width:625px;
 padding-bottom:5px;
}

div#main div.garally_box {
 background:url("images/bg_gbox.gif");
 background-color:#F5F4EB;
 border: double 10px #FFF;
 overflow:hidden;
 padding:20px 20px 0px;
 width:630px;
}

div#garally table {
 margin-bottom:20px;
 text-align:center;
}

div#garally table.creative {
 width:630px;
 margin-bottom:3px;
}

div#garally table.creative02 {
 margin-bottom:3px;
}

div#garally table.creative td,
div#garally table.creative02 td {
 width:195px;
}

div#garally p.creative_flow01 {
 margin-bottom:40px;
}

div#garally p.creative_flow02 {
 margin-bottom:5px;
}

div#garally p.creative_flow03 {
 margin-bottom:20px;
}

div#garally table.promotion td {
 width:100%;
}

div#garally table td {
 background:#fff;
 height:140px;
 width:145px;
 padding:5px;
 text-align:center;
 border:solid 1px #888;
}

div#garally table {
 /text-align:center;
}

div#garally p.zoom {
 text-align:right;
 margin:5px 25px 30px 0;
}


/* ================ policy ================== */
div.policy p,
div.policy ol,
div.policy h5,
div.policy h6 {
 margin-left:20px;
}
div.policy ul{
	margin-left: 50px;
}
div#main h5{
	margin-top:20px;
}
div.policy p.contact {
 margin-left:450px;
}
div#main.policy h4{
	margin-top: 45px;
	margin-bottom: 5px;
}
.ml10{
	margin-left:-10px;
}
.ml30{
	margin-left: 30px;
}
.mt10{
	margin-top: 10px;
}
.ti20{
	text-indent: 0px;
	}
.pl20{
	padding-left:20px;
	}
.pl30{
	padding-left:30px;
}
.pl60{
	padding-left: 60px;
}
div.individual{
	width: 550px;
	background-color: white;
	text-align: left;
	padding-left:3px;
}
div.individual strong{
	font-size: 19px;
	text-align: center;
	margin-bottom:20px;
}
div.individual p{
	line-height: 1.4;
	margin-left: 25px;
	margin-right: 25px;
}
div.individual span{
	width: 570px;
	padding-top: 10px;
	text-align: right;
	line-height:1.5;
}
div.individual ol li{
	margin-left:25px;
	margin-right:25px;
	}
div.handling{
	width: 570px;
	height: 250px;
	margin-top: 20px;
	overflow: auto;
	overflow-y: scroll;
	border: 2px solid #ccc;
}
.b_19{
	font-weight: bold;
	font-size: 19px;
	text-align: center;
	}
div.info span{
	float: right;
	margin-right: 10px;
}
div.handling_btn{
	width: 570px;
	text-align: center;
	padding-top: 25px;
}
div.handling_btn input{
	padding: 3px;
	}
div.handling_btn input{
	*padding: 0;
	*margin: 0;
	}
div.box table tr td input{
	width:215px;
	height: 17px;
	padding:1px;
	}

/* ================ sitemap ================== */
div.sitemap ul {
 margin-left:100px;
}

div.sitemap ul ul {
 margin-left:20px;
 margin-bottom:20px;
}