@charset "utf-8";

/* description=======================
/
/ #1 standard
/ #2 prescript
/ #3 anchor
/ #4 element
/ #5 image
/ #6 header
/ #7 header main_navi
/ #8 shell index h3
/ #9 shell index contact
/ #10 shell index section
/ #11 footer
/
/
=================================== */

/* color============================
/
/ border-gray : #c8c8c8;
/ light-gray : #e0e0e0;
/
/
=================================== */

/* oder=============================
/
/ margin
/ padding
/ border
/ display
/ position
/ top
/ right
/ bottom
/ left
/ float
/ clear
/ width
/ height
/ line-height
/ vertical-align
/ overflow
/ visibility
/ content
/ list-style
/ color
/ background
/ font
/ text-indent
/ text-align
/ text-decoration
/ table-layout
/ 
/
=================================== */

/*---------------------------------
 =1 standard
----------------------------------- */
* {
	margin : 0;
	padding : 0;
	border : none;
	background : transparent;
	font : normal normal 100% Arial,Helvetica,sans-serif;
}
body {
	color : #333;
	background : #fff;
	font-size: 13px;
	text-align : center;
	*font-size: small;
	*font: x-small;
}
/*---------------------------------
 =2 prescript
----------------------------------- */
div#header,
div#shell,
div#footer {
	width : 765px;
}
div#header {
	margin : 0 auto;
	position : relative;
	height : 75px;
	background : #fff url(../images/header.gif) no-repeat 0 bottom;
}
div#header,
div#shell {
	text-align : left;
}
div#shell,
div#footer {
	margin : 10px auto;
}
div#footer {
	padding : 10px 0 0 0;
	border-top : 1px solid #c8c8c8;
	clear : both;
	text-align : right;
}
/*---------------------------------
 =3 anchor
----------------------------------- */
a {
	font-weight : bold;
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
/*---------------------------------
 =4 element
----------------------------------- */
h1 {
	height : 20px;
	margin : 0 0 10px 0;
	background : #e0e0e0;
	text-align : right;
}
h2 {
	width : 305px;
	height : 45px;
}
h3,
h4,
h5,
h6 {
	font-weight : bold
}
h3 a,
h4 a,
h5 a,
h6 a {
	color : #333;
	text-decoration : none;
}
ul,
ol {
}
ul li,
ol li {
}
ul {
	list-style : none;
}
ol li {
	list-style-position : inside;
}
dl {
}
dt {
}
dd {
}
em {
	font-style :italic;
}
strong {
	font-weight : bold;
}
p {
	line-height : 1.5;
}
hr {
	clear : both;
	visibility : hidden;
}
address {
}
.attention {
	font-weight : bold;
	color : #4c1f1a;
}
/*---------------------------------
 =5 image
----------------------------------- */
img {
	vertical-align : bottom;
}
/*---------------------------------
 =6 header
----------------------------------- */
div#header h2 a {
	display : block;
	width : 305px;
	height : 45px;
	line-height : 120px;
	overflow : hidden;
}
/*---------------------------------
 =7 header main_navi
----------------------------------- */
div#header ul.main_navi {
	position : absolute;
	top : 43px;
	right : 5px;
}
div#header ul.main_navi li {
	padding : 0 3px 0 0;
	display : inline;
}
div#header ul.main_navi a {
	display : inline;
	color : #333;
	text-decoration : none;
}
/*---------------------------------
 =8 shell index h3
----------------------------------- */
div#shell.index h3 {
	margin : 0 0px 0 5px;
	float : left;
	width : 246px;
	height : 340px;
	overflow : hidden;
}
div#shell.index h3 a {
	display : block;
	width : 246px;
	height : 340px;
	line-height : 700px;
}
div#shell.index h3.web {
	background : #fff url(../images/index/web.jpg) no-repeat 0 0;
}
div#shell.index h3.print {
	background : #fff url(../images/index/print.jpg) no-repeat 0 0;
}
div#shell.index h3.goods {
	background : #fff url(../images/index/goods.jpg) no-repeat 0 0;
}
div#shell.index h3.web a:hover{
	background : #fff url(../images/index/web_on.jpg) no-repeat 0 0;
}
div#shell.index h3.print a:hover{
	background : #fff url(../images/index/print_on.jpg) no-repeat 0 0;
}
div#shell.index h3.goods a:hover{
	background : #fff url(../images/index/goods_on.jpg) no-repeat 0 0;
}
/*---------------------------------
 =9 shell index contact
----------------------------------- */
div#shell.index p.contact a {
	display : block;
	clear : both;
	width : 765px;
	height : 90px;
	line-height : 200px;
	overflow : hidden;
	background : #fff url(../images/index/contact_off.gif) no-repeat 0 0;
}
div#shell.index p.contact a:hover{
	background : #fff url(../images/index/contact_on.gif) no-repeat 0 0;
}
/*********************************************************/
div#shell.index div.service ul {
	clear : both;
	margin : 0 0 15px 0;
	width : 100%;
	height : 60px;
}
div#shell.index div.service ul li {
	float: left;
	margin: 0 10px;
	padding: 1px 5px;
	width: 45%;
	border-left: 7px solid #ccc;
}
div#shell.index div.service ul li img {
	float : right;
	margin : 0 0 0 2px;
}
div#shell.index p.satsumahonpo a {
	display : block;
	clear : both;
	width : 755px;
	height : 70px;
	line-height : 200px;
	overflow : hidden;
	background : #fff url(../images/index/satsumahonpo_b.jpg) no-repeat center 0;
}
/********************************************************/
/*---------------------------------
 =10 shell index section
----------------------------------- */
div#shell.index div.section {
	margin : 10px 5px 10px 5px;
	border : #e5e5e5 1px solid;
	float : left;
	width : 365px;
	background : #fff url(../images/index/h4.gif) no-repeat 0 0;
}
div#shell.index div.section h4 {
	margin : 5px 0 0 5px;
}
div#shell.index div.section ul {
	margin : 15px 5px 0 10px;
}
div#shell.index div#feedControl {
	margin : 3px 5px 0 10px;
}
div#shell.index p.twitter,
div#shell.index p.rss {
	margin : 15px 5px 5px 0;
	overflow : hidden;
}
div#shell.index p.twitter {
	height : 36px;
}
div#shell.index p.rss {
	height : 15px;
}
div#shell.index p.rss a,
div#shell.index p.twitter a {
	display : block;
}
div#shell.index p.rss a {
	line-height : 40px;
	background : #fff url(../images/rss.gif) no-repeat right 0;
}
div#shell.index p.twitter a {
	line-height : 100px;
	background : #fff url(../images/twitter.gif) no-repeat right 0;
}
div#shell.index ul#twitter_update_list li {
	padding-bottom: 15px;
}
div#shell.index:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
/* -----------------------------------
 =11 footer
----------------------------------- */
div#footer a {
	color : #8F8F8F;
	text-decoration : none;
}
div#footer ul.guide {
	margin : 0 0 10px 0;
	padding : 0 0 10px 0;
	border-bottom : 1px solid #c8c8c8;
}
div#footer ul.guide li {
	display : inline;
}
div#footer ul.guide a {
	padding : 0 3px 0 3px;
	border-right : 1px solid #c8c8c8;
	display : inline;
}
div#footer address {
	padding : 15px 0;
}