@charset "UTF-8";


/* ************************************************ 
 * 1-1.Description priority level
 * ************************************************
 *	width:;
 *	height:;
 *	font-size:;
 *	font-weight:;
 *	line-height:;
 *	color:;
 *	text-align:;
 *	vertical-align:;
 *	margin:;
 *	border:;
 *	padding:;
 *	background:;
 *	background-position:;
 *	display:;
 *	float:;
 *	letter-spacing:;
 *	overflow:;
 *	position:;
 *	top:;
 *	left:;
 *	right:;
 *	bottom:;
 *	clear:;
 * ************************************************ */

/* ************************************************ 
 * 1-2.Notes
 * ************************************************
 *	
 *	Whenever Huck is done,
 *	it describes it in the following filling in column. 
 *	
 *	
 *	
 * ************************************************ */

/* ************************************************ 
 * 1-3.CSS Include
 * ************************************************ */
/* ************************************************ 
 * 1-1 CSS初期化
 * ************************************************ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td
	{
	margin:0;
	padding:0;
	}
table
	{
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset, img
	{
	border:0;
	}
address, caption, cite, code, dfn, th, var
	{
	font-style:normal;
	font-weight:normal;
	}
ol, ul ,li
	{
	list-style:none;
	}
caption, th
	{
	text-align:left;
	}
q:before, q:after
	{
	content:”;
	}
abbr, acronym
	{
	border:0;
	}
/* ************************************************ 
 * 1-2 Font-size Adjustment
 * 
 * 77% = 10px	| 	122% = 16px	|	167% = 22px	
 * 85% = 11px	|	129% = 17px	|	174% = 23px
 * 92% = 12px	|	136% = 18px	|	182% = 24px
 * 100% = 13px	|	144% = 19px	|	189% = 25px
 * 107% = 14px	|	152% = 20px	|	197% = 26px
 * 114% = 15px	|	159% = 21px	|
 * ************************************************ */
body {
    font:13px MS UI Gothic,arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
table {
    font-size:inherit;
    font:100%;
}

/* ************************************************ 
 * 1-3 ライブラリー
 * ************************************************ */
h1, h2, h3, h4, h5, h6
	{
	font-size:100%;
	font-weight:normal;
	}
hr
	{
	width:1px;
	height:1px;
	color:#FFFFFF;
	border:none;
	clear:both;
	}
#main_contents hr
	{
	padding:0px 0px 0px 0px;
	}
*+html hr
	{
	border:none;
	padding:0px;
	}
.clear
	{
	clear:both;
	}
	
.f_left
	{
	float:left;
	}
.f_right
	{
	float:right;
	}
.left
	{
	text-align:left;
	}
.right
	{
	text-align:right;
	}
.center
	{
	text-align:center;
	}
/*---------- Post Images Position ----------*/
img.centered
	{
	margin:0px auto 0px auto;
	display:block;
	}

img.alignright
	{
	padding:4px 4px 4px 4px;
	margin: 0px 0px 2px 7px;
	display:inline;
	}

img.alignleft
	{
	padding:4px 4px 4px 4px;
	margin: 0px 7px 2px 0px;
	display:inline;
	}

.alignright
	{
	float:right;
	}

.alignleft
	{
	float:left;
	}

/* ************************************************ 
 * 2-1. Basic setting
 * ************************************************ */
body
	{
	text-align:center;
/*	color:#333344;*/
	color:#000000;
	background:#FFF7D6;
/*	background:#f3cd6a; *
/*	background:#e6a52c; */
/*	background:#ffc13d; */
/*	background:#fff3b7; */
/*	background:#ffd539; */
/*	background:#ffd539; */
	}
a
	{
	color:#1B47FF;
	text-decoration:none;
	}
a:hover
	{
	text-decoration:underline;
	}
ul#page_nav a ,
ul#cat_nav a
	{
	color:#0A2751;
	}
/* ************************************************ 
 * 2-2. Each area setting
 * box
 * header
 * footer
 * contents_box
 * main_contents
 * side_contents
 * main_img
 * ************************************************ */
div#box
	{
	width:970px;
	line-height:1.5;
	text-align:left;
	margin:0px auto 0px auto;
	background:#FFFFFF;
	}
div#header
	{
	height:177px;
	max-height:177px;
	position:relative;
	background:#FFF7D6;
	}
div#footer_contents
	{
	width:918px;
	color:#000000;
	margin:20px 0px 0px 0px;
	border:1px solid #C2C2C2;
	padding:0px 0px 0px 0px;
	background:#FFFCEF;
	}
div#footer
	{
	margin:20px 5px 0px 5px;
	}
div#contents_box
	{
	margin:9px 0px 0px 0px;
	}
div#main_contents
	{
	width:650px;
	float:left;
	margin-left:5px;
	}
div#side_contents
	{
	width:280px;
	float:right;
	margin-right:5px;
	}

/* ************************************************ 
 * 2-3. Header area setting
 * ************************************************ */
div#header_meta
	{
	width:100%;
/*	background:#FFC61B; */
	background:url(http://www.artistics.co.jp/public_html/files/images/menu_bg.gif) repeat-x 0px 0px;
/*	background:#FFF7D6; */
	position:relative;
	}
div#header_meta h1
	{
	font-size:92%;
	line-height:1.8;
	color:#0A2751;
	padding:0px 0px 0px 10px;
	}
div#header_meta p.rss
	{
	position:absolute;
	top:2px;
	right:3px;
	}
div#header p#logo
	{
	display:block;

	top:53px;
	left:5px;
	}
div#header div#header_banner
	{
	display:block;
	position:absolute;
	top:29px;
	right:0px;
	}

/*---------- Navigation BOX ----------*/
div#header div#nav_box
	{
	width:100%;
	font-size:92%;
	position:absolute;
	top:125px;
	}

/*---------- Pages Navigation Setting ----------*/
div#header ul#page_nav
	{
	height:30px;
/*	background:#FFC61B; */
	background:url(http://www.artistics.co.jp/public_html/files/images/menu_bg.gif) repeat-x 0px 0px;
	}
div#header ul#page_nav li
	{
	width:auto;
	display:block;
	float:left;
	position:relative;
	z-index:3;
	line-height:2.4;
	padding:0px 10px 0px 10px;
	}
div#header ul#page_nav li a
	{
	width:auto;
	line-height:2.4;
	padding:0px 10px 0px 10px;
	display:block;
	}
div#header ul#page_nav li a:hover
	{
	text-decoration:none;
/*	background-color:#FFF7D6; */
	background:url(http://www.artistics.co.jp/public_html/files/images/menu_bg_hover.gif) repeat-x 0px 0px;
	}
	
/*---------- Categorys Navigation Setting ----------*/
div#header ul#cat_nav
	{
	height:20px;
	padding:1px 0px 1px 0px;
	background:#FFF7D6;
	}
div#header ul#cat_nav li
	{
	width:auto;
	display:block;
	float:left;
	position:relative;
	}
div#header ul#cat_nav li a
	{
	width:auto;
	line-height:1.7;
	border-right:1px solid #000000;
	padding:0px 15px 0px 15px;
	display:block;
	}
	
/*---------- Pulldown Setting ----------*/
div#header ul#page_nav li > ul ,
div#header ul#cat_nav li > ul
	{
	display:none;
	}
div#header ul#page_nav li:hover > ul ,
div#header ul#cat_nav li:hover > ul
	{
	width:150px;
	text-align:left;
	border-top:1px solid #B6A7AA;
	background:#FFFFFF;
	display:block;
	position:absolute;
	top:100%;
	left:0px;
	z-index:3;
	}
div#header ul#page_nav li ul li ,
div#header ul#cat_nav li ul li
	{
	width:148px;
	border:1px solid #B6A7AA;
	border-top:none;
	display:block;
	z-index:3;
	}
div#header ul#page_nav li ul li a ,
div#header ul#cat_nav li ul li a
	{
	width:128px;
	line-height:2;
	text-decoration:none;
	color:#003167;
	border-right:1px solid #B6A7AA;
	padding:0px 10px 0px 10px;
	background:#FFFFFF;
	display:block;
	}
div#header ul#page_nav li ul li a:hover ,
div#header ul#cat_nav li ul li a:hover
	{
	background:#FFF7D6;
	}

/* ************************************************ 
 * 2-4. Footer Widgets area setting
 * ************************************************ */
div#footer div#footer_contents
	{
	font-size:85%;
	margin:0px 0px 15px 0px;
	border:1px solid #CACACA;
	padding:10px 10px 10px 10px;
	background:#FFFFFF;
	}
body#home div#footer div#footer_contents
	{
	font-size:77%;
	}
div#footer div#footer_contents h2.title
	{
	font-weight:bold;
	color:#333333;
	margin:0px 0px 10px 0px;
	}

div#footer div#footer_contents #footer_box_01 ,
div#footer div#footer_contents #footer_box_02 ,
div#footer div#footer_contents #footer_box_03 ,
div#footer div#footer_contents #footer_box_04
	{
	width:210px;
	float:left;
	}

div#footer div#footer_contents #footer_box_02
	{
	margin:0px 10px 0px 15px;
	}
div#footer div#footer_contents #footer_box_04
	{
	float:right;
	}
div#footer div#footer_contents ul
	{
	line-height:1.7;
	}
div#footer div#footer_contents ul li ul
	{
	margin:0px 0px 0px 10px;
	}
div#footer address
	{
	text-align:center;
	}
/* ************************************************ 
 * 2-4. Footer Widgets area setting custum
 * ************************************************ */
div#footer h2.title
	{
	font-weight:bold;
	color:#333333;
	margin:0px 0px 10px 0px;
	}

div#footer  #footer_box_01 ,
div#footer  #footer_box_02 ,
div#footer  #footer_box_03 ,
div#footer  #footer_box_04
	{
	width:210px;
	float:left;
	}
div#footer  #footer_box_02
	{
	margin:0px 10px 0px 15px;
	}
div#footer  #footer_box_04
	{
	float:right;
	}
div#footer  ul
	{
	line-height:1.7;
	}
div#footer  ul li ul
	{
	margin:0px 0px 0px 10px;
	}

div#footer_contents h2.title
	{
	font-weight:bold;
	color:#333333;
	margin:0px 0px 10px 0px;
	}

div#footer_contents #footer_box_01 ,
div#footer_contents #footer_box_02 ,
div#footer_contents #footer_box_03 ,
div#footer_contents #footer_box_04
	{
	width:210px;
	float:left;
	}

div#footer_contents #footer_box_02
	{
	margin:0px 10px 0px 15px;
	}
div#footer_contents #footer_box_04
	{
	float:right;
	}
div#footer_contents ul
	{
	line-height:1.7;
	}
div#footer_contents ul li ul
	{
	margin:0px 0px 0px 10px;
	}
address
	{
	text-align:center;
	}



/* ************************************************ 
 * 2-5 Side contents setting
 * ************************************************ */
/*---------- title ----------*/
div#side_contents h2.headline
	{
	font-size:107%;
	font-weight:bold;
	line-height:2.3;
	color:#000000;
	padding:0px 0px 0px 10px;
/*	background:#FFC61B; */
	background:url(http://www.artistics.co.jp/public_html/files/images/side_title_bg.gif) no-repeat 0px 0px;
	}
/*---------- Widgets ----------*/
div#side_contents div.widgets
	{
	margin:0px 0px 10px 0px;
	}
/*---------- Widgets ----------*/
div#side_contents div.widgets div.blog_entry
	{
	margin:0px 0px 0px 10px;
	}

div#side_contents div.widgets_free1 div.blog_entry
	{
	margin:0px 0px 0px 0px;
	}

/*---------- List ----------*/
div#side_contents div.widgets ul
	{
	padding:1px 1px 1px 1px;
	}
div#side_contents div.widgets ul li
	{
	padding:3px 0px 3px 0px;
	display:block;
	}
div#side_contents div.widgets ul li a
	{
	width:258px;
	border-bottom:1px dotted #999999;
	padding:0px 5px 0px 15px;
	background:url(images/icon/side_icon_01.gif) no-repeat 10px 8px;
	display:block;
	}
div#side_contents div.widgets ul li ul li a
	{
	width:248px;
	padding:0px 5px 0px 25px;
	background-position:20px 8px;
	}
div#side_contents div.widgets ul#recentcomments li a
	{
	border:none;
	background:none;
	}
/*---------- Selectt ----------*/
div#side_contents div.widgets select
	{
	width:260px;
	margin:10px 10px 0px 10px;
	}
/*---------- searchform----------*/
div#side_contents div.widgets #searchform
	{
	width:260px;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 10px;
	background:#FFC61B;
	}
div#side_contents div.widgets #searchform h2
	{
	line-height:1.3;
	margin:0px 0px 5px 0px;
	padding:0px 10px 0px 0px;
	background:none;
	}
div#side_contents div.widgets #searchform input.text
	{
	width:250px;
	height:13px;
	vertical-align:middle;
	margin:0px 0px 5px 0px;
	border:1px solid #BBBBBB;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:4px 4px 4px 4px;
	display:block;
	}
div#side_contents div.widgets #searchform p.search
	{
	text-align:right;
	display:block;
	}
/*---------- Calendar ----------*/
div#side_contents div.widgets #wp-calendar
	{
	width:260px;
	margin:0px auto 0px auto;
	}
div#side_contents div.widgets #wp-calendar caption
	{
	text-align:center;
	color:#0A2751;
	margin:10px 0px 0px 0px;
	background:#FFF7D6;
	}
div#side_contents div.widgets #wp-calendar th ,
div#side_contents div.widgets #wp-calendar td
	{
	text-align:center;
	color:#6E7073;
	padding:2px 10px 2px 10px;
	}
div#side_contents div.widgets #wp-calendar th
	{
	font-weight:bold;
	padding:15px 0px 0px 0px;
	}
div#side_contents div.widgets #wp-calendar td a
	{
	text-decoration:underline;
	}
/*---------- Thumbnail Post ----------*/
div#side_contents div.widgets ul.thumbnail_post
	{
	padding:10px 10px 10px 10px;
	}
div#side_contents div.widgets ul.thumbnail_post li
	{
	width:174px;
	min-height:56px;
	margin:0px 0px 10px 0px;
	border:none;
/*	border-bottom:1px dotted #000000;*/
	padding:5px 10px 0px 76px;
	position:relative;
	}
div#side_contents div.widgets ul.thumbnail_post li:hover
	{
	background:#FFF7D6;
	}
div#side_contents div.widgets ul.thumbnail_post li a
	{
	border:none;
	padding:0px 0px 0px 0px;
	background:none;
	display:inline;
	}
div#side_contents div.widgets ul.thumbnail_post li span.thumbnail
	{
	position:absolute;
	top:5px;
	left:0px;
	}
div#side_contents div.widgets ul.thumbnail_post li span.title ,
div#side_contents div.widgets ul.thumbnail_post li span.excerpt ,
div#side_contents div.widgets ul.thumbnail_post li span.thumbnail
	{
	display:block;
	}
div#side_contents div.widgets ul.thumbnail_post li span.excerpt h3
{
	font-size:14px;
	font-weight:bold;
}

/*---------- Thumbnail Post ----------*/
div#side_contents div.widgets ul.thumbnail_post_link
	{
	padding:10px 10px 10px 10px;
	}
div#side_contents div.widgets ul.thumbnail_post_link li
	{
	width:250px;
	min-height:56px;
	margin:0px 0px 10px 0px;
	border:none;
	padding:5px 10px 0px 0px;
	position:relative;
	}
div#side_contents div.widgets ul.thumbnail_post_link li:hover
	{
	background:#FFF7D6;
	}
div#side_contents div.widgets ul.thumbnail_post_link li a
	{
	border:none;
	padding:0px 0px 0px 0px;
	background:none;
	display:inline;
	}
div#side_contents div.widgets ul.thumbnail_post_link li span.thumbnail
	{
	position:absolute;
	top:5px;
	left:0px;
	}
div#side_contents div.widgets ul.thumbnail_post_link li span.title ,
div#side_contents div.widgets ul.thumbnail_post_link li span.excerpt ,
div#side_contents div.widgets ul.thumbnail_post_link li span.thumbnail
	{
	display:block;
	}
/* ************************************************ 
 * 2-6 Main contents setting
 * ************************************************ */ 
/*---------- title ----------*/
div#main_contents h2.page_title ,
div#main_contents h2.post_title
	{
	font-size:129%;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 15px 0px;
	border:1px solid #FFC61B;
	padding:5px 11px 5px 11px;
	background:#FFFCEF;
	}
div#main_contents h2.post_title a
	{
	color:#000000;
	}
div#main_contents h2.headline
	{
	font-size:107%;
	font-weight:bold;
	line-height:2.3;
	color:#000000;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	background:#FFC61B;
	}
div#main_contents h3.headline
	{
	font-size:129%;
	font-weight:bold;
	line-height:1.9;
	color:#333333;
	margin:0px 0px 7px 0px;
	border-top:1px dotted #8A8A8A;
	padding:0px 0px 0px 10px;
	}

/*---------- post ----------*/
div#main_contents .post
	{
	font-size:107%;
	margin:0px 0px 15px 0px;
	}
div#main_contents .entry h1
	{
	font-size:129%;
	font-weight:bold;
	line-height:2;
	color:#333333;
	margin:0px 0px 15px 0px;
	padding:0px 11px 0px 11px;
	background:#FFFCEF;
	clear:both;
	}
div#main_contents .entry h2
	{
	font-size:129%;
	font-weight:bold;
	line-height:1.9;
	color:#333333;
	margin:0px 0px 7px 0px;
	border-top:1px solid #FFC61B;
	padding:0px 0px 0px 10px;
	background:#FFFCEF;
	clear:both;
	}
div#main_contents .entry h3
	{
	font-size:122%;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	border-bottom:2px solid #FFC61B;
	padding:0px 11px 0px 11px;
	background:#FFFCEF;
	clear:both;
	}
div#main_contents .entry h4
	{
	font-size:122%;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	border-bottom:2px solid #FFC61B;
	padding:0px 11px 0px 11px;
	clear:both;
	}
div#main_contents .entry h5
	{
	font-size:122%;
	font-weight:bold;
	border-bottom:1px solid #FFC61B;
	clear:both;
	}
div#main_contents .entry h6
	{
	font-size:107%;
	font-weight:bold;
	clear:both;
	}
div#main_contents .entry ul
	{
	margin:inherit;
	padding:inherit;
	}
div#main_contents .entry ol ,
div#main_contents .entry ul
	{
	margin:0px 0px 20px 0px;
	padding:inherit;
	}
div#main_contents .entry ul li
	{
	margin:0px 0px 0px 28px;
	list-style:disc;
	}
div#main_contents .entry ol li
	{
	margin:0px 0px 0px 35px;
	list-style:decimal;
	}
div#main_contents .entry table
	{
	width:100%;
	margin:0px 0px 10px 0px;
	border:1px solid #FFC61B;
	clear:both;
	}
div#main_contents .entry table th
	{
	width:30%;
	border:1px solid #FFC61B;
	padding:5px 5px 5px 5px;
	background:#FFFCEF;
	}
div#main_contents .entry table td
	{
	width:70%;
	border:1px solid #FFC61B;
	padding:5px 5px 5px 5px;
	}
div#main_contents .entry_main h2.entry_title
	{
	font-size:105%;
	font-weight:bold;
	line-height:2.2;
	background:url(http://www.artistics.co.jp/public_html/files/images/entry_title_bg.gif) no-repeat 0px 0px;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 10px;
	clear:both;
	}

div#main_contents .entry_main h2.entry_title span
	{
	padding:0px 0px 0px 5px;
	}

div#main_contents .entry_main div.entry_title_rap
	{
	background:url(http://www.artistics.co.jp/public_html/files/images/entry_title_bg.gif) no-repeat 10px 8px;
	}

/*---------- entry ----------*/
div#main_contents .entry
	{
	margin:10px 0px 15px 15px;
	}
div#main_contents .entry .thumbnail
	{
	margin:0px 11px 0px 0px;
	display:block;
	float:left;
	}
div#main_contents .entry p
	{
	margin:10px 0px 15px 0px;
	}

div#main_contents .entry div.content
	{
	margin:10px 0px 15px 10px;
	}
	
/*---------- entry_main ----------*/
div#main_contents .entry_main
	{
	margin:0px 0px 15px 0px;
	}
div#main_contents .entry_main .thumbnail
	{
	margin:0px 11px 0px 0px;
	display:block;
	float:left;
	}
div#main_contents .entry_main p
	{
	margin:10px 0px 15px 0px;
	line-height:1.5;
	}

div#main_contents .entry_main div.content
	{
	margin:10px 0px 15px 10px;
	}

/*---------- meta ----------*/
div#main_contents .meta
	{
	padding:9px 9px 9px 9px;
	background:#FFFCEF;
	position:relative;
	}

/*---------- data ----------*/
*#main_contents .meta p.edit
	{
	text-align:right;
	}
div#main_contents .meta .cat
	{
	margin:0px 0px 0px 0px;
	}
div#main_contents .meta .com ,
div#main_contents .meta .cat ,
div#main_contents .meta .tags
	{
	line-height:1.5; 
	}
div#main_contents .meta .cat
	{
	padding:0px 0px 0px 0px;
	}
div#main_contents .meta .com img ,
div#main_contents .meta .cat img ,
div#main_contents .meta .tags img 
	{
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	}

/*---------- navigation ----------*/
div#main_contents .navigation
	{
	width:650px;
	min-height:25px;
	margin:15px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	}
div#main_contents .navigation p.previous_post
	{
	width:48%;
	position:absolute;
	top:0px;
	left:0px;
	}
div#main_contents .navigation p.next_post
	{
	width:48%;
	text-align:right;
	position:absolute;
	top:0px;
	right:0px;
	}

/*---------- comment ----------*/
div#main_contents .commentlist
	{
	padding:10px 10px 20px 10px;
	}
div#main_contents .commentlist li
	{
	min-height:80px;
	padding:10px 15px 10px 80px;
	position:relative;
	}
div#main_contents .commentlist li img.avatar
	{
	position:absolute;
	top:10px;
	left:10px;
	}
div#main_contents .commentlist li.alt
	{
	background:#FFFCEF;
	}
div#main_contents .commentlist li cite
	{
	color:#03205B;
	}
div#main_contents #commentform dd
	{
	margin:0px 0px 15px 0px;
	}
div#main_contents #commentform input
	{
	width:250px;
	margin:0px 0px 0px 0px;
	border:1px inset #acacac;
	}
div#main_contents #commentform textarea
	{
	margin:0px 0px 0px 0px;
	border:1px inset #acacac;
	}
div#main_contents #commentform button
	{
	color:#000000;
	border:1px solid #acacac;
	background:#dcdcdc;
	}
div#main_contents #commentform button:hover
	{
	color:#000000;
	border:1px solid #ebe9ed;
	background:#acacac;
	}
div#main_contents #comment
	{
	width:100%;
	margin:10px 0px 0px 0px;
	}

/*---------- searchform ----------*/
div#main_contents #searchform
	{
	text-align:center;
	padding:10px 0px 10px 0px;
	background:#eeeeee;
	}
div#main_contents #searchform input.text
	{
	width:302px;
	height:13px;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	border:1px solid #878787; 
	padding:4px 4px 4px 4px;
	}
div#main_contents #searchform input.button
	{
	vertical-align:middle;
	}

/*---------- home ----------*/
/*/ main_article /*/
body#home #contents_box div#main_article
	{
	width:650px;
/*	height:180px;*/
	min-height:180px;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #DADADA;
	padding:0px 0px 10px 0px;
	position:relative;
        display:block;
        float:left;
	}
body#home #contents_box div#main_article h2
	{
	font-size:136%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:none;
	}
body#home #contents_box div#main_article div
	{
	padding:0px 0px 0px 280px;
	margin:0px 0px 0px 0px;
	}
body#home #contents_box div#main_article span.image
	{
	position:absolute;
	top:0px;
	left:0px;
	}
	
/*/ main_article /*/
body#home #contents_box div#main_article2
	{
	width:650px;
	min-height:180px;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #DADADA;
	padding:0px 0px 10px 0px;
	}
body#home #contents_box div#main_article2 * h2
	{
	font-size:136%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:none;
	}
body#home #contents_box div#main_article2 div
	{
	padding:0px 0px 0px 280px;
	margin:0px 0px 0px 0px;
	}
body#home #contents_box div#main_article2 span.image
	{
	position:absolute;
	top:0px;
	left:0px;
	}

/*----------------------------------------------*/
/* entry_001 (メイン記事用)						*/
/*----------------------------------------------*/
#entry_001
{
	width			:	650px;
	margin-bottom	:	15px;
/*	color			:	#333344;*/
	color			:	#000000;
}

div#entry_001{
	border			:	1px solid #DADADA;
}

div#entry_001 div#entry_padding{
	padding			:	5px 5px 5px 5px;
}

div#entry_001 div#entry_padding div#left_div{
	float:			left;
	margin-right:	10px;
	width:			260px;
}

div#entry_001 div#entry_padding div#right_div{
	float: left;
	width: 370px;
}

div#right_div h2{
	font-size:	18px;
	margin-bottom:10px;
	font-weight:bold;
}

div#right_div p{

}
/* End entry_001 (メイン記事用)					*/

/*----------------------------------------------*/
/* entry_002 (メイン記事用)						*/
/*----------------------------------------------*/
#entry_002
{
	width			:	650px;
	margin			:	0 0 15px 0;
/*	color			:	#333344; */
	color			:	#000000;
}

div#entry_002{
	border			:	1px solid #DADADA;
}

div#entry_002 div#entry_padding_002{
	padding			:	5px 5px 5px 5px;
}

div#entry_002 div#entry_padding_002 div#left_div_002{
	float: left;
	width: 370px;
	margin-right:	5px;
}

div#entry_002 div#entry_padding_002 div#right_div_002{
	float:			left;
	width:			260px;
}

div#top_div_002 h2{
	font-size:	16px;
	font-weight:bold;
	margin: 0 0 10px 0;
	line-height:2.2;
	background:url(http://www.artistics.co.jp/public_html/files/images/entry_title_top_bg.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 10px;
}

div#left_div_002 p{
	margin:0px 0px 0px 10px;
	line-height:1.5;
}
/* End entry_002 (メイン記事用)					*/

/*----------------------------------------------*/
/* entry_003 (メイン記事用)						*/
/*----------------------------------------------*/
#entry_003
{
	width			:	650px;
	margin			:	0 0 15px 0;
/*	color			:	#333344; */
	color			:	#000000;
}

div#entry_003{
	border			:	none;
}


div#entry_003 div#top_div_003 h2{
	font-size:	16px;
	font-weight:bold;
	margin: 0 0 10px 0;
	line-height:2.2;
	background:url(http://www.artistics.co.jp/public_html/files/images/entry_title_top_bg.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 10px;
}


div#entry_003 div#entry_padding_003{
	padding			:	5px 5px 5px 5px;
}

div#entry_003 div#entry_padding_003 h3{
	width			:	620px;
	padding:3px 0 3px 15px;
	background:#F5F5F5;
	border-left:#330000 8px solid;
	border-right:#666666 1px solid;
	border-bottom:#666666 1px solid;
	border-top:#666666 1px solid;
	font-size: small;
	font-weight: bold;
/*	color:#333; */
	color			:	#000000;
}

div#entry_003 div#entry_padding_003 p{
	margin:0px 0px 0px 10px;
	line-height:1.5;
}
/* End entry_003 (メイン記事用)					*/

/*----------------------------------------------*/
/* entry_004 (メイン記事用)						*/
/*----------------------------------------------*/
#entry_004
{
	width			:	650px;
	margin			:	0 0 15px 0;
/*	color			:	#333344; */
	color			:	#000000;
}

div#entry_004{
	border			:	none;
}


div#entry_004 div#top_div_004 h2{
	font-size:	16px;
	font-weight:bold;
	margin: 0 0 10px 0;
	line-height:2.2;
	background:url(http://www.artistics.co.jp/public_html/files/images/entry_title_top_bg.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 10px;
}


div#entry_004 div#entry_padding_004{
	padding			:	5px 5px 5px 5px;
}

div#entry_004 div#entry_padding_004 h3{
	width			:	620px;
	padding:3px 0 3px 15px;
	background:#F5F5F5;
	border-left:#330000 8px solid;
	border-right:#666666 1px solid;
	border-bottom:#666666 1px solid;
	border-top:#666666 1px solid;
	font-size: small;
	font-weight: bold;
/*	color:#333; */
	color			:	#000000;
}

div#entry_004 div#entry_padding_004 p{
	margin:0px 0px 0px 10px;
	line-height:1.5;
}

div#entry_004 div#entry_padding_004 td.profill_title{
	height:30px;
	background:url(http://www.artistics.co.jp/public_html/files/images/menu_bg.gif) repeat-x 0px 0px;
}

/* End entry_004 (メイン記事用)					*/




/*/ post_list /*/
body#home div#contents_box div#main_contents div.post_list
	{
	border:1px solid #C2C2C2;
	margin:0px 0px 15px 0px;
	}
body#home div#contents_box div#main_contents div.post_list p.go_posts
	{
	clear:both;
	}
	
body#home div#contents_box div#main_contents div.post_list ul
	{
	margin:0px 0px 0px 0px;
	padding:0px 21px 0px 21px;
	}
body#home div#contents_box div#main_contents div.post_list  li.post_list_t1_left ,
body#home div#contents_box div#main_contents div.post_list  li.post_list_t1_right
	{
	width:130px;
	margin:0px 16px 5px 16px;
	float:left;
	}

body#home div#contents_box div#main_contents div.post_list ul li.post_list_t1_right
	{
	margin:0px 0px 5px 0px;
	float:right;
	}
body#home div#contents_box div#main_contents div.post_list ul li.post_list_t2_left ,
body#home div#contents_box div#main_contents div.post_list ul li.post_list_t2_right
	{
	width:200px;
	min-height:56px;
	margin:0px 34px 15px 0px;
	padding:0px 0px 0px 82px;
	float:left;
	position:relative;
	}
body#home div#contents_box div#main_contents div.post_list ul li.post_list_t2_right
	{
	margin:0px 0px 5px 0px;
	float:right;
	}
body#home div#contents_box div#main_contents div.post_list ul li.post_list_t2_left img ,
body#home div#contents_box div#main_contents div.post_list ul li.post_list_t2_right img
	{
	position:absolute;
	top:0px;
	left:0px;
	}

/* ************************************************ 
 * 3-1 Other setting
 * ************************************************ */
#back-to-top
	{
	margin:30% 0px 0px 0px;
	position:absolute;
	right:5px;
	}
.go_posts
	{
	text-align:right;
	padding:5px 5px 5px 5px;
	}
/*/ Side Banner /*/
.sbanner
	{
	margin:0px 0px 10px 0px;
	}
/*/ Footer Banner /*/
.fbanner
	{
	margin:0px 0px 10px 0px;
	}
#main_contents p
{
	font-size:14px;
	color:000000;
}
#main_contents h2
{
	font-size:16px;
}

#main_contents h3
{
	font-size:16px;
}

#main_contents td
{
	font-size:14px;
	color:000000;
}

#main_contents tr
{
	font-size:14px;
	color:000000;
}



/* ************************************************ 
 * Feeling!!
 * It is inquiry in the webnist
 * webnist@webnist.org
 * ************************************************ */
 
 
 
 /* ************************************************ 
 * 4 Blog setting
 * ************************************************ */
 /*/ main_contents_blog /*/
body#home #contents_box div#main_contents div#main_contents_blog
	{
	width:650px;
	min-height:180px;
	margin:0px 0px 10px 0px;
/*	border-bottom:1px solid #DADADA; */
	padding:0px 0px 10px 0px;
	position:relative;
	}
body#home #contents_box div#main_contents div#main_contents_blog h2
	{
/*	font-size:136%; */
	font-size:14px;
	background: url(http://www.hp-ouen.com/article-lib/w650_002_orange.gif) no-repeat;
	font-weight:bold;
	line-height:2.5;
/*	color:#ffffff; */
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
/*	background:#ffc9c9; */
	}

body#home #contents_box div#main_contents div#main_contents_blog h3
	{
	font-size:105%;
	font-weight:bold;
	line-height:1.5;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	background:#ffd700;
	}


body#home #contents_box div#main_contents div#main_contents_blog div
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

body#home #contents_box div#main_contents div#main_contents_blog div div
	{
	padding:0px 0px 0px 0px;
	margin:0px 8px 0px 15px;
	}
	
body#home #contents_box div#main_contents div#main_contents_blog div p.option
	{
	text-align: right;
	padding:0px 0px 0px 0px;
	margin:0px  10px 0px 0px;
	}

body#home #contents_box div#main_contents div#main_contents_blog span.thumbnail
	{
	position:absolute;
	top:0px;
	left:0px;
	}

body#home #contents_box div#main_contents div#main_contents_blog div h4.comment_title
	{
		background:none;
		font-weight:bold;
		line-height:2;
		color:#000000;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 10px;
	}

body#home #contents_box div#main_contents div#main_contents_blog div.comment_list
	{
		border-bottom:2px dotted #DADADA;
		margin:0px 0px 15px 0px;
		padding:15px 0px 0px 10px;
	}
body#home #contents_box div#main_contents div#main_contents_blog div p.comment_body
	{
		margin:0px 0px 15px 0px;
		padding:0px 0px 0px 10px;
	}
body#home #contents_box div#main_contents div#main_contents_blog div.comment_input
	{
/*		border-top:1px solid #DADADA; */
		margin:0px 0px 15px 0px;
		padding:15px 0px 0px 10px;
	}
body#home #contents_box div#main_contents div#main_contents_blog div.trackback
	{
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 10px;
	}
body#home #contents_box div#main_contents div#main_contents_blog div.trackback input.trackback_link
	{
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 10px;
	}
body#home #contents_box div#main_contents div#main_contents_blog div.trackback input.trackback_link ul li
	{
		border-top:2px dotted #DADADA;
		margin:0px 0px 10px 0px;
		padding:0px 0px 10px 10px;
	}
	
/*---------- Side Blog Contents ----------*/
div#side_contents dl.recent_posts_blog{
	margin-bottom:5px;
	width:280px;
}

div#side_contents dl.recent_posts_blog ul.side_Bcontents
	{
	padding:2px 10px 10px 10px;
	}
div#side_contents dl.recent_posts_blog ul.side_Bcontents li
	{
/*	min-height:56px; */
	margin:0px 0px 0px 0px;
	border:none;
	padding:2px 2px 2px 2px;
	position:relative;
	}
div#side_contents dl.recent_posts_blog ul.side_Bcontents li:hover
	{
/*	background:#FFF7D6; */
	}
div#side_contents dl.recent_posts_blog ul.side_Bcontents li a
	{
	border:none;
	padding:0px 0px 0px 0px;
	background:none;
	display:block;
	}

div#side_contents dl.recent_posts_blog ul.side_Bcontents li a:hover
	{
	border:none;
	padding:0px 0px 0px 0px;
	background:none;
	display:block;
	background:#FFF7D6;
	}

div#side_contents dl.recent_posts_blog h2.headline_blog
{
	font-size:14px;
	font-weight:bold;
	line-height:2.5;
	color:#000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 25px;
 	background:url(http://www.hp-ouen.com/article-lib/w280_002_orange.gif) no-repeat left top /*??*/
}

/* ************************************************
 * calendar
 * ************************************************ */

#calendar_wrap {padding: 0 5px;}
#calendar_wrap table {width: 100%;text-align: center;border-collapse: collapse;border: 1px solid #CCCCCC;}
#calendar_wrap thead th {padding: 5px 0;border-bottom: 1px solid #CCCCCC;color: #333333;}
#calendar_wrap tbody td {padding: 5px 0;border-right: 1px dotted #CCCCCC;border-bottom: 1px dotted #CCCCCC;}
#calendar_wrap tbody a {border: none;font-weight: bold;}
#calendar_wrap tbody tr td a {background:#ffffff;}
#calendar_wrap tbody tr td a:hover {background:#FFF7D6;}
#calendar_wrap .caption {text-align:center;}
#calendar_wrap .current_month {padding-bottom: 5px;font-size: 1.2em;font-weight: bold;}
#calendar_wrap .next {text-align: right;}
#calendar_wrap .prev {text-align: left;}
#calendar_wrap calendar_table {text-align:center;}
#calendar_wrap thead tr th {text-align: center;}