@charset "utf-8";

/* CSS Document */

/*----------------------------------------------------------------------
	一括
----------------------------------------------------------------------*/
p,
li {
	color:#333333;
	line-height: 138.5%;
}

p{
	margin:0 0 3px 0;
}

a:link {
	color:#0000FF;
	text-decoration: none;
}

a:visited,
a:active {
	color:#551A8B;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	vertical-align: top;
}

/*----------------------------------------------------------------------
	body（本体）
----------------------------------------------------------------------*/
html,
body {
	background-color: #EEEEEE;
}

div#container {
	background-image: url(../img/bg_common_container.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}

h1 {
	color: #FFFFFF;
	background-color: #333333;
	text-align: right;
	padding: 3px 10px;
}

p.clear_both {
	clear:both;
}

/*----------------------------------------------------------------------
	#header（ヘッダー）
----------------------------------------------------------------------*/
div#header {
	height: 50px;
	padding: 10px;
}

/*-------------------------------header_logo（ロゴ）--*/
p#header_logo {
	float: left;
}

/*-------------------------------header_info（電話番号等）--*/
div#header_info {
	float: right;
	width: 170px;
	margin: 0;
}

p#header_tel {
	background-image: url(../img/bg_common_headerinfo.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 170px;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
}

p#header_inquiry {
	float: left;
	width: 80px;
}

ul#global_nav_2 li {
	float:left;
	display: inline;
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
	border-left-width: 1px;
	border-left-style: solid;
}

ul#global_nav_2 li:first-child{
	border-left-style: none;
	padding:0 5px 0 0;
}


/*----------------------------------------------------------------------
	#global_nav（グローバルナビ）
----------------------------------------------------------------------*/
div#global_nav {
	clear: both;
	height: 49px;
	margin: 0 0 0 0;
}

div#global_nav li {
	font-size: 146.5%;
	float: left;
}

div#global_nav{
	background-image: url(../img/bg_common_globalnav.jpg);
	background-repeat: no-repeat;
	}
	
#top a {
	display: block;
	width:192px;
	text-align:center;
	padding:15px 0 0 0;
	overflow: hidden;
}


#homepage a {
	display: block;
	width:192px;
	text-align:center;
	padding:15px 0 0 0;
}

#seo_sem a {
	display: block;
	width:192px;
	text-align:center;
	padding:15px 0 0 0;
}

#company a {
	display: block;
	width:192px;
	text-align:center;
	padding:15px 0 0 0;
}

#inquiry a {
	display: block;
	width:192px;
	text-align:center;
	padding:15px 0 0 0;
}

/*----------------------------------------------------------------------
	#topicpath（パンクズリスト）
----------------------------------------------------------------------*/

ul#topicpath {
	text-align: right;
	margin: 10px 0 0;
}

ul#topicpath li {
	display: inline;
	background-image: url(../img/bg_common_toppath.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	padding: 0 0 0 20px;
}

ul#topicpath li.start {
	background: none;
}

/*----------------------------------------------------------------------
	#sub_contents（サブコンテンツ）
----------------------------------------------------------------------*/
div#sub_contents {
	float: left;
	width: 200px;
	margin: 10px 3px 0 7px;
	padding: 0px;
}

/*-------------------------------#local_nav（ローカルナビ）--*/
div#local_nav {
	margin: 0 0 10px 0;
}

div#local_nav li {
}

div#local_nav li a {
	padding:13px 0 0 0;
	text-align:center;
	display: block;
	background-image: url(../img/bg_common_localnavi.jpg);
	background-repeat: no-repeat;
	height: 29px;
}

/*-------------------------------sub_contents_info（会社情報）--*/
div#sub_contents_info {
	background-image: url(../img/bg_common_sub_contents.jpg);
	margin: 0 0 10px 0;
	padding: 10px;
	border: solid #CCCCCC 1px;
}

div#sub_contents_info p.header {
	margin: 0 0 10px 0;
}

/*-------------------------------sub_contents_bookmark（ソーシャルブックマーク）--*/
div#sub_contents_bookmark {
	background-image: url(../img/bg_common_sub_contents.jpg);
	text-align: center;
	height: 60px;
	padding: 10px;
	margin: 0 0 10px 0;
	border: solid #CCCCCC 1px;
}

div#sub_contents_bookmark p.header {
	margin: 0 0 5px 0;
}

div#sub_contents_bookmark ul {
	clear: both;
	width: 168px;
	margin: 0 auto;
}

div#sub_contents_bookmark ul li {
	float: left;
	margin: 5px 5px 3px 5px;
	height: 32px;
}

/*-------------------------------sub_contents_counter（ソーシャルカウンター）--*/
div#sub_contents_counter {
	background-image: url(../img/bg_common_sub_contents.jpg);
	text-align: center;
	padding: 10px;
	margin: 0 0 10px 0;
	border: solid #CCCCCC 1px;
}

div#sub_contents_counter p.header {
	margin: 0 0 10px 0;
}

div#sub_contents_counter ul {
	clear: both;
	text-align: left;
	width: 168px;
	margin: 0 auto;
}

div#sub_contents_counter ul li {
	margin: 0 6px 3px;
}

/*-------------------------------sub_contents_banner（バナー）--*/
div#sub_contents_banner {
	clear: both;
	text-align: center;
	background-image: url(../img/bg_common_sub_contents.jpg);
	margin: 0 0 50px 0;
	padding: 10px;
	border: solid #CCCCCC 1px;
}

div#sub_contents_banner p.header {
	margin: 0 0 10px 0;
}

div#sub_contents_banner p.imgs {
	text-align: center;
}

/*-------------------------------sub_contents_banner（バナー）--*/
div#sub_contents_banner {
	clear: both;
	text-align: center;
	background-image: url(../img/bg_common_sub_contents.jpg);
	margin: 0 0 50px 0;
	padding: 10px;
	border: solid #CCCCCC 1px;
}

div#sub_contents_banner p.header {
	margin: 0 0 5px 0;
}

div#sub_contents_banner p.imgs {
	text-align: center;
}
/*----------------------------------------------------------------------
	#article（コンテンツ）
----------------------------------------------------------------------*/
#toppage_topics h2 .rss{
display:inline-block;
float:right;
padding:1px 0 0 20px;
background:url(../img/bg_common_rss.png) no-repeat 0 50%;
-webkit-background-size:16px auto;
font-weight:normal;
}

div#article {
	float: right;
	width: 720px;
	margin: 10px 7px 50px 3px;
	padding: 0 10px 0 10px;
}

h2 {
	background-image: url(../img/bg_common_h2.jpg);
	background-repeat: no-repeat;
	height: 32px;
	margin: 0px -10px 0 -10px;
	padding:10px 0 0 24px;
	font-size:131%;
}

h3 {
	font-size: 123.1%;/*16px*/
	font-weight: bold;
	margin:0 0 5px 0;
}

h3#logo{
	margin:0 510px 7px 10px;
	font-size: 138.5%;/*18px*/
	font-family: 'Georgia', 'Times New Roman', 'Times', serif;
	font-weight: normal;
	font-style: italic;
	float: left;
}

h3#navi{
	float:right;
	font-size: 138.5%;/*18px*/
	font-family: 'Georgia', 'Times New Roman', 'Times', serif;
	font-weight: normal;
}

div#article p {
	margin: 0 0 20px 0;
}

/*----------------------------------------------------------------------
	#footer（フッター）
----------------------------------------------------------------------*/
div#footer {
	clear: both;
}

p#pagetop {
	float:right;
	width: 132px;
	height: 20px;
	padding: 0;
	background: none;
	margin: 0 0 0 0;
}

p#pagetop a {
    line-height: 1.5;
	height: 0;
	overflow: hidden;
	display: block;
	background-image: url(../img/img_pagetop.jpg);
	background-position: 0 0;
	background-repeat:no-repeat;
	width: 95px;
	padding-top: 20px;
}

p#pagetop a:hover {
	background-position: 0 -20px;
}

/*-------------------------------footer_nav（フッターナビ）--*/

div#footer_nav {
	clear: both;
	background-image:url(../img/bg_footer.jpg);
	background-position: 0 0;
	background-repeat:repeat-x;
	height: 40px;
}

ul#nav {
	padding:12px 0 0 0;
	clear: both;
	height: 40px;
	text-align: center;
}

ul#nav li {
	color:#FFF;
	display: inline;
	padding: 0px 10px 0px 14px;
	margin-top: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}

ul#nav li a{
	color:#FFF;
}

ul#nav li:first-child{
	border-left-style: none;	
}

ul#nav li.start {
	background: none;
}

/*-------------------------------copyright（コピーライト）--*/
p#copyright {
	text-align: center;
	background-color: #333333;
	height: 20px;
	padding: 4px 0 0 0;
}

p#copyright,
p#copyright a {
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
}

/*----------------------------------------------------------------------
	テキスト
----------------------------------------------------------------------*/
/*-------------------------------emphasis（重要）--*/
.emphasis {
	color: #FF0000;
	font-weight: bold;
}

/*-------------------------------notice（注釈）--*/
.notice {
	background-image: url(../img/bg_common_text_notice.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 0 0 1em;
}

/*-------------------------------monospace（等倍）--*/
.monospace {
	font-family: monospace;
	font-size:108%;
	line-height:100%;
}

.strikeout {
	text-decoration: line-through;
	color: #ff0000;
}

.strikeout2 {
	color: #000000;
}

/*----------------------------------------------------------------------
	リスト
----------------------------------------------------------------------*/
ul {
}

ul li {
}

/*-------------------------------normal（通常）--*/
ul.nomal {
	margin: 5px 0 10px 0;
}

ul.nomal li {
	margin: 0 0 0 0;
}

/*-------------------------------like_list（長文用）--*/
div.like_list {
	margin: 5px 0 10px 0;
}

div.like_list p {
	margin: 0 0 0 0 !important;
}

/*-------------------------------style1（装飾）--*/
ul.style1 li,
div.style1 p {
	clear:both;
	background-image: url(../img/bg_common_list_style1.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 15px;
}

/*-------------------------------style2（装飾）--*/
ul.style2 li,
div.style2 p {
	clear:both;
	background-image: url(../img/bg_common_list_style2.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 15px;
}

/*-------------------------------syde_by_side（横並び）--*/
div.side_by_side,
ul.side_by_side {
	margin: 0 0 20px 0;
}

ul.side_by_side li,
div.side_by_side p {
	display: inline;
	padding: 0 10px 0 0;
}

/*----------------------------------------------------------------------
	テーブル
----------------------------------------------------------------------*/
table {
	clear: both;
	width: 720px;
	margin: 0 0 20px 0;
}

table th,
table td {
	border: solid 1px #999999;
	padding: 5px;
	font-size: 100%;
}

table th {
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
	background-color: #CCCCCC;
}

table td {
}

/*-------------------------------normal（通常）--*/
table.nomal {
}

.nomal th,
table.nomal td {
	font-size: 100%;
}

table.nomal th {
}

table.nomal td {
}

/*-------------------------------noborder（線なし装飾）--*/
table.noborder {
}

table.noborder th,
table.noborder td {
	border: none;
	font-size: 100%;
}

table.noborder th {
}

table.noborder td {
}

/*-------------------------------price（値段表示）--*/
table.price {
}

table.price th,
table.price td {
	font-size: 100%;
}

table.price th {
}

table.price td {
}

table.price td.yen {
	text-align: right;
	padding-right: 2px;
	border-right: none;
}

table.price td.yen+td {
	text-align: left;
	padding-left: 0;
	border-left: none;
}

/*----------------------------------------------------------------------
	ブロック
----------------------------------------------------------------------*/
.block {
	clear: both;
	width: 720px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.float_right {
	float: right;
	margin: 5px 2px 0 5px !important;
	line-height: 0;
	vertical-align: bottom;
}

.float_left {
	float: left;
	margin: 5px 5px 0 0 !important;
	line-height: 0;
	vertical-align: bottom;
}

.float_center {
	text-align: center;
}

div#dl_inquiry p a{
	display: block;
	background-image: url(../img/bg_common_dl_inquiry.jpg);
	background-position: 0 0;
	height: 0;
	padding-top : 100px;
	overflow: hidden;
}

div#dl_inquiry p a:hover {
	background-position: 0 -100px;
}

/*-------------------------------attention（送信フォームエラー表示）--*/
ul.attention {
	margin: 0px 0px 20px 0px;
}

ul.attention li {
	margin: 0 0 0 0;
	color:#ff0000;
	font-weight: bold;
}