@charset "UTF-8";

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ ゴシック", Helvetica, Arial;
	font-size: 0.9em;
	line-height:1.5em;
	margin:0px 0px 0px 0px;
	background-color:#f3f3f3;
	vertical-align:top;
	text-align: center;
}

/* ie7 only css */
*:first-child+html body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ ゴシック", Helvetica, Arial;
	font-size: 0.8em;
	line-height:1.5em;
	margin:0px 0px 0px 0px;
	background-color:#f3f3f3;
	vertical-align:top;
	text-align: center;
}

/* ie6 only css */
* html body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ ゴシック", Helvetica, Arial;
	font-size: 0.8em;
	line-height:1.5em;
	margin:0px 0px 0px 0px;
	background-color:#f3f3f3;
	vertical-align:top;
	text-align: center;
}

table tr td {
	border-style:none;
	border-width:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	border-spacing:0px;
}
table tr th {
	overflow: hidden;
	height: 38px;
	line-height:1em;
}

a:link {
	color: #006699;
	text-decoration: underline;
	font-size:1em;
}

a:visited {
	color: #000066;
	text-decoration: underline;
	font-size:1em;
}
a:hover {
	color: #990033;
	text-decoration: underline;
	font-size:1em;
}
a:active {
	color: #990033;
	text-decoration: underline;
	font-size:1em;
}

img {
	border-width:0px;
	margin:0px;
	padding:0px;
}
img.banner {
	margin:10px;
}

p {
	overflow: hidden;
}

.cautions { color: #ffffff; }
.warning { color: #d00000; }

.color1 { color:#ffffff; }
.color2 { color:#f3f3f3; }
.color3 { color:#3399cc; }
.color4 { color:#808080; }

.line1 {
	border-width:1px 0px 0px 0px;
	border-color:#ddd;
	border-style:solid;
	margin:10px 50px 10px 50px;
	padding:0px;
	background-color:white;
}

.line2 {
	border-style: none;
}

.line3 {
	border-width:3px 0px 0px 0px;
	border-color:#FF8000;
	border-style:solid;
	margin:0px 50px 5px 50px;
	padding:0px;
	background-color:white;
}

.line_top {
	border-width:1px 0px 0px 0px;
	border-color:#000;
	border-style:solid;
	margin:10px 50px 10px 50px;
	padding:0px;
	background-color:white;
}

h1{
	font-size:1.2em;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 25px;
	padding-left: 5px; 
	width: auto;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 0px;
	margin-bottom: 20px;
	border-width: 0px 0px 1px 0px;
	border-color: #282828;
	border-style: solid;
}

h2{
	font-size: 1.1em;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


ul{ 
	list-style-position: outside; 
	list-style-type: disc; 
	padding: 0px 0px 0px 15px; 
} 


/*ヘッダ設定*/
#header {
	overflow: hidden;
	text-align: left;
	width: 800px;
	height: 80px;
	background-color: white;
	background-repeat: x-repeat;
	background-image: url(/img/logo_bg.gif);
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#header table {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	height: 80px;
	border-spacing: 0px;
	width: 800px;
}
#header table tr td.languate-select {
	vertical-align: bottom;
	text-align: right;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 1em;
	padding-right: 1em;
	width: auto;
}


/*フッタ設定*/
#footer {
	text-align:center;
	width:800px;
	min-height:80px;
	background-color:white;
	padding:25px 0px 20px 0px;
	font-size:0.9em;
	color:#808080;
	background-image:url(/img/logo_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#footer  table {
	vertical-align:bottom;
	text-align: center;
}
#footer  strong {
	font-weight: normal;
}
#footer  p {
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 3px;
}
#footer  .copylight {
	margin-top: 20px;
	border-style: none;
	border-width: 1px 0px 0px 0px;
}

/*メニュー設定*/
#menu,#menu table{
	padding:0px;
	margin:0px;
}
#menu { 
	background-color:#f3f3f3;
	text-align:left;
	width:800px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 27px;
}
#menu ul {
	width:800px;
	text-align:center;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#menu ul li {
	float: left;
	font-size:1em;
	height:22px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	vertical-align:middle;
	text-align:center;
	width: 110px;
}
#menu li.himawarigroup {
	width: 140px;
}
#menu ul li:hover {
	background-color: rgb(224, 224, 224);
}
#menu .active {
	font-weight:bold;
	color:#3399cc;
	background-color:white;
}
#menu .active a:link {
	font-weight:bold;
	color:#3399cc;
	text-decoration: underline;
}
#menu .active a:visited {
	font-weight:bold;
	color:#3399cc;
	text-decoration: underline;
}
#menu .active a:hover {
	font-weight:bold;
	color: #990033;
	text-decoration: underline;
}
#menu .active a:active {
	font-weight:bold;
	color: #990033;
	text-decoration: underline;
}
	
#menu .submenu {
	width:100%;
	background-color:#0062a2;
	font-size:0.9em;
}
#menu .submenu a:link {
	color:white;
	text-decoration: underline;
}
#menu .submenu a:visited {
	color:white;
	text-decoration: underline;
}
#menu .submenu a:hover {
	color: #ff0000;
	text-decoration: underline;
}
#menu .submenu a:active {
	color: #ff0000;
	text-decoration: underline;
}
#menu .submenu table {
	margin:0px 0px 0px 60px;
	width:auto;
	max-width:740px;
	border-color:red;
	border-width:0px;
	border-style:none;
}
#menu .submenu td {
	padding:0px 10px 0px 10px;
	border-color:red;
	border-width:0px;
	border-style:none;
}

/*コンテンツ設定*/
#contents {
	overflow: auto;
	text-align: center;
	width:800px;
	background-color:white;
	margin: 0px auto;
	padding:0px ;
	color:#222;
}
#contents p {
	margin: 0px;
}
#contents p.loading {
	padding: 20px;
	color: gray;
}
#contents div.top {
	text-align: right; 
	padding:0px 50px 0px 0px;
	font-size:0.7em;
}


#contents .division .left-cell,
#contents .division .center-cell,
#contents .division .right-cell {
	width: 225px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
}
#contents .division .left-cell .topimage,
#contents .division .center-cell .topimage,
#contents .division .right-cell .topimage {
	margin-top: 10px;
}
#contents .division .left-cell,
#contents .division .center-cell {
	border-right: 1px #808080 dashed;
}

#contents .division h1 {
	background-image:url(/img/headline.gif);
	background-repeat: repeat-x; 
	border-width: 2px;
	border-color: rgb(173, 216, 230);
	border-style: solid; 
	max-height:38px;
	color: white;
	padding-top: 10px;
	padding-bottom: 6px;
	padding-right: auto;
	padding-left: auto;
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
}
#contents .division .news ul {
	list-style-type: none;
	padding-left: 0px;
}
#contents .division .news ul li {
	border-bottom: 1px #808080 dashed;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contents .division .news ul li.first-item {
	padding-top: 0px;
}
#contents .division .news ul li.last-item {
	border-bottom: 0px;
}
#contents .division .news ul li h2,
#contents .division .news ul li h3 {
	padding-top: 3px;
	padding-bottom: 2px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 0px;
}
#contents .division .news ul li h2 {
	font-size: 1.1em;
}
#contents .division .news ul li h3 {
	font-size: 1em;
}
#contents .division .news ul li p {
	text-align: left;
	font-size: 0.95em;
	padding-top: 3px;
	padding-bottom: 1px;
}
#contents .division .news ul li p.date {
	text-align: right;
}
#contents .division .news ul li ul {
	list-style-type: disc;
	text-align: left;
	font-size: 0.95em;
	margin-left: 0px;
	padding-left: 2em;
	padding-bottom: 5px;
}
#contents .division .news ul li ul li {
	padding-top: 3px;
	padding-bottom: 1px;
	border-bottom: 0px;
}
#contents .division .news ul li ul li ul {
	list-style-type: square;
	text-align: left;
	font-size: 0.95em;
	margin-left: 0px;
	padding-left: 1em;
	padding-bottom: 3px;
}
#contents .division .news ul li ul li ul li {
	padding-top: 1px;
	padding-bottom: 0px;
	border-bottom: 0px;
}


#contents .division .products ul {
	list-style-type: none;
	padding-left: 0px;
}
#contents .division .products ul li {
	border: 0px #fff none; 
	background-color: #f0f8ff; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	text-align:left;
	vertical-align: top;
}
#contents .division .products ul li.first-item {
	padding-top: 0px;
}
#contents .division .products ul li.last-item {
	border-bottom: 0px;
}
#contents .division .products ul li h2,
#contents .division .products ul li h3 {
	padding-top: 3px;
	padding-bottom: 2px;
	text-align: left;
}
#contents .division .products ul li h2 {
	font-size: 1.1em;
}
#contents .division .products ul li h3 {
	font-size: 1em;
}
#contents .division .products ul li p {
	text-align: left;
	font-size: 0.95em;
}
#contents .division .products ul li p.date {
	text-align: right;
}
#contents .division .products ul li p.catchmark {
	color:#990033;
}
#contents .division .products ul li div.item-pict {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
}
#contents .division .products ul li ul.catchcopy {
	list-style-position: outside; 
	list-style-type: disc; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 20px;
	font-size: 0.95em;
}
#contents .division .products ul li ul.catchcopy li {
	padding-left: 0px; 
	padding-bottom: 5px;
	margin-bottom: 0px;
}
#contents .division .products ul li ul li ul {
	font-size: 0.95em;
}
#contents .division .products ul li ul li ul li {
	padding: 0px;
	margin: 0px;
}

#contents .division .right-cell .info {
	margin-top: 10px;
	font-size: 1em;
}
#contents .division .right-cell .info h2 {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 0xp;
	padding-top: 3px;
	padding-bottom: 1px;
}

#contents .newstopics {
	overflow: auto;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 50px;
	width: auto;
	color:#667;
	text-align:left;
	background-image:url(/studio-himawari.jp/img/headline2.gif);
	background-repeat: repeat-x;
	background-position: top;
	clear: both;
}

#contents .newstopics .headline,
#contents .newstopics h2 {
	overflow: hidden;
	color:#39323c;
	height: 16px;
	vertical-align: middle;
	padding-top: 13px;
	padding-bottom: auto;
	padding-left: 10px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#contents .newstopics ul.image {
	float: left;
	list-style-type: none;
	height: auto;
	width: 130px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/* 2009.08.08 ie6 only css  */
#contents .newstopics ul.image {
	float: left;
	list-style-type: none;
	height: auto;
	width: 127px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#contents .newstopics ul.image li {
	width: 115px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#contents .newstopics div.sentence {
	width: 570px;
	margin-left: auto;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; 
}
#contents .newstopics p {
	padding-top: 5px;
	padding-bottom: 5px;
}
#contents .newstopics p.date {
	padding-top: 8px;
	padding-bottom: 4px;
	text-align: left;
	font-size: 0.95em;
}

.frame{
	border: 1px #ccc solid; 
	padding: 3px;
	margin: 5px;
}

.date{
	color:#808080;
}
/*
.Influence{
	color:#990033;
}
*/
.name{
	color:#006699;
	font-size:1em;
}
/*
.news th, .prize th, .business th{
	background-image:url(../../studio-himawari.jp/img/headline.gif);
	background-repeat: repeat-x; 
	border: 2px #lightblue solid; 
	max-height:38px;
}
*/
/*
.news td{
	border-bottom: 1px #808080 dashed; 
	border-right: 0px #fff none; 
	padding: 5px 10px 15px;
	vertical-align: top;
	border-spacing: 0px;
	text-align:left;
}

.prize td{
	border: 0px #fff none; 
	background-color: #f0f8ff; 
	padding: 5px 10px 15px;
	text-align:left;
	vertical-align: top;
}
*/

.business td{
	border: 0px #fff none; 
	padding: 0px ;
	text-align:left;
	vertical-align: top;
}

.business .letter{
	border: 0px #fff none; 
	padding: 5px 10px 15px;
	text-align:left;
	vertical-align: top;
	background-color: #ffdfed; 
}

th h1{
	color:#fff;
	padding:10px 5px 10px 5px; 
}

.interviewBanner{
	padding: 50px;
}

.introduction{
	text-align:left;
	padding: 10px 0px 10px;
}

.sentence{
	padding: 10px 10px 30px;
}

/*インタビュー記事*/
.headline_1{
	padding: 0px 50px ;
}

.headline_1 h1{
	text-align:left;
	color:#0a0;
	font-size:1.8em;
	line-height: 1.4em; 
}

.headline_1 h2{
	text-align:left;
	background-color:#4a4;
	color:white;
	font-size:1.3em;
	padding: 7px;
	line-height:2em; 
}

.headline_1 p{
	text-align:left;
	background-color:white;
	color:#0a0;
	font-size:1.4em;
	line-height: 1.4em; 
}

.intor	{
	padding: 10px 50px 5px;
}

.intor p{
	text-align:left;
	background-color:white;
	color:#:#0a0;
	font-size:1em;
	line-height: 1.4em; 
}

.headline_2{
	padding: 5px 100px 5px;
}

.headline_2 p{
	text-align:left;
	background-color:#CCe88f;
	color:#222;
	font-size:1em;
	padding: 10px;
	line-height: 1.4em; 
}

.headline_3{
	text-align:center;
	color:#FF8000;
	font-size:1.8em;
	padding: 10px 10px 0px;
	line-height: 1.4em; 
}

.interview {
	border-width:0px;
	border-style:none;
	text-align:left;
}

.interview td{
	text-align:left;
	vertical-align:top;
	padding: 5px 15px 5px;
	font-size:1em;
	color:#122;
	line-height: 1.4em; 
}
.interview td p{
	text-align:center;
}
.interview td .interviewer{
	text-align:left;
	font-size:1em;
	color:#B22222;
	padding: 10px;
	line-height: 1.4em; 
}

.interview td .man{
	text-align:left;
	font-size:1em;
	color:#3399FF;
	padding: 5px;
	line-height: 1.4em; 
	font-weight: bolder;
}

.interview td .female{
	text-align:left;
	font-size:1em;
	color:#FF6699;
	padding: 0px 5px;
	line-height: 1.4em; 
	font-weight: bolder;
}

/*会社概要*/
.companyoutline{
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	overflow: auto;
	background-color: white;
}

.companyoutline table{
	border-spacing: 0px;
	border-collapse: collapse;
}

.companyoutline td{
	border-bottom: 1px #808080 dotted; 
	padding:5px 0px 4px 5px;
}

.companyoutline td .icon{
	border-bottom: 1px #808080 dotted; 
	padding:0px;
	margin:0px;
}
/*主な弊社商品取扱い企業・店舗*/
#toriatsukai_list {
	text-align:left;
}
#toriatsukai_list table {
	border-collapse: collapse;
	table-layout: auto;
	width:500px;
	margin:0 auto;
}
#toriatsukai_list table tr td{
	padding:3px;
	border-bottom:1px dotted #CCC;
}
#toriatsukai_list .corp{
	width:220px;
}
#toriatsukai_list table .url{
	width:200px;
}



/*CM掲載*/
.CMtitle{
	text-align:center;
	padding: 50px 0px 0px;
	color:#555;
	font-size:1.2em;
	line-height: 1.0em; 
}

.CM{
	padding: 20px 0px 40px ;
}


/*ひまわりグループ企業*/
#group .name_top{
	border: 1px #808080 solid; 
	padding: 5px;
	margin: 0px;
	vertical-align:middle;
	border-spacing: 0px;
	text-align:center;
	color:#000;
}

#group .contents_top{
	border-right: 1px #808080 solid; 
	border-bottom: 1px #808080 solid; 
	border-top: 1px #808080 solid; 
	padding: 5px;
	margin: 0px;
	vertical-align: top;
	border-spacing: 0px;
	text-align:left;	
}

#group .name{
	border-right: 1px #808080 solid; 
	border-bottom: 1px #808080 solid; 
	border-left: 1px #808080 solid; 
	padding: 5px;
	margin: 0px;
	vertical-align: middle;
	border-spacing: 0px;
	text-align:center;
	color:#000;
}

#group .contents{
	border-right: 1px #808080 solid; 
	border-bottom: 1px #808080 solid; 
	padding: 5px;
	margin: 0px;
	vertical-align: top;
	border-spacing: 0px;
	text-align:left;	
}

/*商品*/
.goodslist{
	text-align:center;
	border: 0px #FFF none;
	margin: 10px 50px;
	border-spacing: 0px; 
}

.goodslist thead td{
	text-align:left;
	color:#333;
	font-size:1.4em;
	padding: 10px 0px 5px;
	border-bottom:1px #666 solid;
}
.goodslist tbody td{
	text-align:left;
	font-size:0.9em;
	padding: 10px 5px;
}
.goodslist tbody .underbar{
	border-bottom:1px #666 solid;
}

.goodslist tbody .month{
	background-color:#ccc;
	padding: 10px;
}

.goodslist tbody .thumbnail{
text-align:center;
}
.goodslist tbody .hinban{
	border: 0px #FFF none;
	padding: 10px 5px  0px;
}

.goodslist tbody h2{
	padding: 0px;
	margin: 0px;
	font-size:1.2em;
}

/*採用情報*/
.recruit {
	margin: 0px ;
}

.recruit h1{
	text-align:left;
	color:#009DD3;
	font-size:2.2em;
	padding: 30px 100px 0px;
	line-height: 1.2em; 
}

.recruit span{
	color:#33b099;
	font-size:1em;
	line-height: 1.2em; 
}

.recruit table{
	border-spacing: 0px; 
	margin: 5px 0px;
}

.recruit td{
	padding: 5px 10px;
	margin: 0px;
}

.recruit .tab{
	background-color:#ccc;
	text-align:center;
}

.recruit .pr{
	font-size:1.2em;
	line-height: 1.3em; 
	border: 1px #ccc solid;
	color:#664455;
}

.recruit img{
	margin: 10px 0px;}

.recruit .name{
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	background-color:#efFFFF;
	text-align:right;
	color:#006699;
}

.recruit .contents{
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	text-align:left;
}

.recruit .nametop{
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
	background-color:#efFFFF;
	text-align:right;
	color:#006699;
}

.recruit .contentstop{
	border: 1px #ccc solid;
	text-align:left;
}

/* Twitter RSS */
h2.twitter {
	width: 215px;
	padding-left: 5px !important;
	padding-right: 5px !important;
	background-color: rgb(224, 224, 224);
	padding-top: 8px !important;
	padding-bottom: 4px !important;
}
h2.twitter a {
	color:  rgb(32, 32, 32);
	text-decoration: none;
}
ul.twitter-small li a:hover {
	color: #990033;
	text-decoration: underline;
}
ul.twitter-small {
	width: 209px;
	font-size: 0.9em;
	background-color: rgb(246, 246, 246);
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
	text-align: left;
}
ul.twitter-small li {
	padding-top: 5px !important;
	padding-bottom: 3px !important;
	border-color:  rgb(144, 144, 144) !important;
}
ul.twitter-small li p.timestamp {
	color: rgb(160, 160, 160);
	text-align: right  !important;
	font-size: 0.95em;
	padding-top: 0px  !important;
	padding-bottom: 0px  !important;
}
ul.twitter-small li p span.url {
	word-wrap: break-word;
}
ul.twitter-small li a {
	text-decoration: none;
	color: rgb(64, 64, 64);
}
ul.twitter-small li a:hover {
	color: #990033;
	text-decoration: underline;
}
ul.twitter-small li.first-item {
	padding-top: 0px !important;
}
ul.twitter-small li.last-item {
	padding-bottom: 0px !important;
}
ul.twitter-small li.StudioHimawari .icon {
	float: left;
	display: block;
	height: 24px;
	width: 24px;
	margin-right: 5px;
	margin-top: 2px;
	border-width: 1px;
	border-style: none;
	border-color: rgb(160, 160, 160);
	background-image: url(/studio-himawari.jp/img/icon/twitter_icon_s.png);
}


/* RSS */
.rss {
	padding:0px;
	border-width:2px 0px 2px 0px;
	border-style:solid;
	border-color:#004000;
	font-size:0.75em;
	width:100%;
}

.rss_title {
	padding:5px 0px 5px 0px;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color:white;
	background-color:#444444;
}

.rss_contents {
	padding:3px;
	text-align:left;
	line-height:1.5em;	
	font-size:9pt;
	background-color:white;
}
.rss_contents ul {
	margin-left:0px;
	padding-left:1.7em;
	text-indent:-0.3em;
}
.rss_contents li {
	margin-top:0.25em;
	font-size:inherit;
}