/***************************
MADE BY JOHOSTATION co., ltd.
***************************/

/*基本情報をここに記入*/
html
{height:100%;
  overflow-y:scroll}

* html {overflow-y: hidden}
* html body {overflow-y: hidden}
* html div#whole {overflow-y: scroll; height: 100%}
* html div#footer_manu {position: absolute; ; bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1)}

body 
{height:100%;
  min-height:100%;
  font-family:"メイリオ","ヒラギノ角ゴ Pro w3","HG丸ｺﾞｼｯｸM-PRO";
  font-size:10pt;
  line-height:1.5em;
  margin:0px auto;
  padding:0px 10px;
  background-image:url(img/bg_header.png);
  background-repeat:repeat-x;
  color:#333333;	
  font-weight:normal;
  letter-spacing:normal;}
	
body > #whole{height:auto}	
	
#whole
{width:988px;
  height:100%;
  margin:0px auto;
  padding:0px 0px 0px 0px;
  background-position:40px 0px;
  background-color:#ffffff;
  text-align:justify;
  text-justify:inter-ideograph;
  position:relative}

#header
{width:988px;
  background-color:#000000;
	color:#ffffff;
	padding-bottom:0px}
	
#header_logo
{float:left;
  width:450px;
  margin-left:0px;
  position:relative;
  top:5px}

#header_right
{float:left;
  width:503px;
  margin-left:15px}

#header_right h2
{font-size:9pt;
  line-height:1.4em;
  color:#ffffff;
  font-weight:normal;
  text-align:right;
  margin-top:0px;
  margin-bottom:0px;
  position:relative;
  top:5px}

#header_right ul
{margin:10px 0px 0px 0px;}

#header_right li
{ font-size:12pt;
  float:left;
  text-align:center;
  font-weight:bold;
  margin-left:10px;
  position:relative;
  top:1px;
  left:20px}

#header_right a:link,visited
{background-image:url(img/header_bt_bg.png);
  background-repeat:no-repeat;
  width:150px;
  height:30px;
  padding-top:20px;
  text-decoration:none;
  display:block}

#header_right a:hover
{background-image:url(img/header_bt_bg_on.png);
  background-repeat:no-repeat;
  width:150px;
  height:33px;
  padding-top:17px;
  text-decoration:none;
  display:block}

#header_js
{width:988px;
  font-size:10pt;
  font-weight:bold;
  color:#ffffff;
  line-height:1.5em;
  background-color:#ff3300;
  padding:5px 0px 3px 0px;}

.header_m
{position:absolute;
  top:138px;
  left:-30px}

.header_m2
{position:relative;
  top:-7px}

.header_m3
{position:relative;
  top:-5px;
  text-align:center;
  color:#666666;
  font-size:14pt;
  margin-right:20px;
  border:1px solid #999999;
  padding:8px 0px 4px 0px}

.header_sozai
{font-size:28pt;
  text-align:center;
  color:#ff3300}

.header_statement
{border:1pt solid #ff0000;
  font-size:8pt;
  color:#ff0000;
  padding:3px 10px;
  margin:0px 20px 5px 0px;
  line-height:1.2em}

#header_js a:link       {color:#ffffff;text-decoration:underline}
#header_js a:visited  {color:#ffffff;text-decoration:underline}
#header_js a:hover   {color:#ffff66;text-decoration:underline}

.bxslider
{background-color:#000000}

#body
{width:988px;
  margin-top:0px;
  background-image:url(img/bg.png);
  background-repeat:repeat-y}
	
#body_left
{width:220px;
  float:left;
  margin-top:0px}
	
#body_right
{width:728px;
  margin-left:0px;
  margin-right:20px;
  float:right}
  
#title
{background-image:url(img/title.gif);
  background-repeat:no-repeat;
  height:48px;
  padding:22px 0px 0px 20px;
  margin-bottom:20px;}
 
#title2
{background-image:url(order2/img/title2.gif);
  background-repeat:no-repeat;
  height:48px;
  padding:52px 0px 0px 20px;
  margin-bottom:20px;}
  
#title3
{background-image:url(order3/img/title3.gif);
  background-repeat:no-repeat;
  height:48px;
  padding:52px 0px 0px 20px;
  margin-bottom:20px;}
	
#title4
{background-image:url(order4/img/title4.gif);
  background-repeat:no-repeat;
  height:48px;
  padding:52px 0px 0px 20px;
  margin-bottom:20px;}

#title4_campaign
{background-image:url(order4/img/title4_campaign.gif);
  background-repeat:no-repeat;
  height:48px;
  padding:52px 0px 0px 20px;
  margin-bottom:20px;}

#title20
{background-image:url(img/title20.gif);
  background-repeat:no-repeat;
  height:48px;
  padding:52px 0px 0px 20px;
  margin-bottom:20px;}

.side_search
{margin:20px 0px 0px 0px;
  font-size:12pt;
  font-weight:bold;
  color:#333333;
  height:75px}

.side_howuse
{margin:0px 0px 0px 0px;}

.side_bt_first
{position:absolute;
  top:00px;
  left:-155px;}
  
.side_bt_campaign
{position:absolute;
  top:220px;
  left:-155px;}

.side_bt_bg
{margin:0px 0px 0px 0px;
  padding:20px 10px;
  background-color:#ffffff;
  font-size:8pt;
  line-height:1.3em}

.side_bt_bg2
{margin:0px 0px 0px 0px;
  padding:10px 10px;
  background-color:#000000;
  color:#ffffff;
  font-size:8pt;
  line-height:1.3em}

.side_bt_bg_ad
{margin:0px 0px 0px 0px;
  padding:20px 10px;
  background-color:#ffffff;
  font-size:8pt;
  line-height:1.3em}

.side_bt_bg h4
{font-weight:bold;
  font-size:14pt;
  text-align:left;
  color:#ff3300;
  line-height:1.3em;
  margin-bottom:5px}

.side_bt_bg2 h4
{font-weight:bold;
  font-size:12pt;
  text-align:left;
  color:#ffcc00;
  line-height:1.3em;
  margin-bottom:5px}

.side_bt_bg p
{font-size:8pt;
  margin:3px 0px 6px 0px;
  border-bottom:1px dotted #444444;
  padding-bottom:5px;}

.side_bt_bg2 p
{font-size:8pt;
  margin:3px 0px 6px 0px;
  border-bottom:1px dotted #cccccc;
  padding-bottom:5px;}

.side_bt_bg,.side_bt_bg2 ul
{list-style:square;
  margin-left:13px;
  font-size:7pt}

.side_new_time
{font-size:8pt;
	font-weight:bold;
	line-height:1.3em;
	color:#ff9900;
	padding:10px 0px 0px 0px}	
	
.side_link
{margin-top:10px;
  padding:10px 20px;
  color:#ffffff;
  font-size:8pt;} 

.side_main
{background-color:#ffffff;
  padding:0px 0px 10px 0px;
  position:relative}

.side_main h3
{font-size:9pt;
  color:#ff0000;
  font-weight:bold;
  padding:0px;
  margin-bottom:5px;
  text-align:center}

.side_sub
{padding:3px}

.side_campaign
{position:absolute;
  top:530px;
  left:988px;
  margin-top:0px;
  width:200px}

.side_campaign p
{font-size:12pt;
  color:#666666;
  font-weight:bold;
  text-align:center;
  position:relative;
  top:10px}

#side_kind {
    position: relative;
    background:#333;
	width:220px;
}
#side_kind_sozai {
	margin-top:20px;
    background: #333333;
	width:200px;
    padding: 10px;
    color:#ffffff;
}
#side_kind .follow {
    position: fixed;
	width:200px;
    top: 0;
}

#side_kind_sozai p
{margin:0px 0px 10px 0px;
  color:#ffff00;
  font-weight:bold}

#side_kind_sozai ul
{list-style-type:none;
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:10pt;
  margin:0px 3px;}

#side_kind_sozai ul li
{line-height:1.3em;
  padding:2px 10px 5px 10px;
  background-image:url(img/side_arrow.png);
  background-repeat:no-repeat;
  background-position:0px 4px;
  font-weight:normal;
  margin:5px 5px 3px 10px;}

#side_kind_sozai ul li a
{font-weight:bold;
  color:#ffffff;
  margin:0px;
  padding:5px 0px 0px 10px;
  font-size:12pt;
  position:relative;
  left:-5px;}

#side_kind_sozai ul li a:hover
{color:#ffcc00;}

.side_use
{position:absolute;
  top:0px;
  left:988px;
  margin-top:0px;
  width:180px;
  padding:20px 10px 10px 10px;
  background-color:#000000;
  color:#ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;}

.side_user_title
{color:#ffff00;
  font-size:16pt;
  padding:5px 0px 10px 0px;
  margin-bottom:10px;
  text-align:center;
  font-weight:bold;
  line-height:1.2em;
  border-bottom:1px solid #ffff00}

.side_use p
{padding:5px 0px;
  line-height:1.4em;
  font-size:9pt}

.side_user_div
{margin:5px 0px 0px 0px}

.side_use h6
{padding:0px 0px;
  font-size:22pt;
  font-weight:bold;
  line-height:1.2em;
  color:#ffff00;
  text-align:center}

.side_use_detail
{margin-top:10px;
  color:#ffffff;
  text-align:center;
  font-weight:bold}

.side_ssl
{background-color:#ffffff;
  padding:10px;
  margin-top:0px}

.side_ssl_seal
{text-align:center;
  background-color:#ffffff;
  padding:5px 27px;}

dl.side_mail
{overflow: hidden;
  zoom: 1;
  font-size:8pt;
  margin-top:5px;
  clear: both;
  float:none} 
  
dl.side_mail dt
{width: 25px;
  margin:0px;
  padding:0px;
  clear:left;
  float: left;}
  
dl.side_mail dd
{padding: 0px 0px 0px 0px;
  margin:0px;} 
  
.bt_ad
{margin:20px 0px 5px 0px;}
  
#footer
{background-color:#ff3300;
  color:#ffffff;
  padding:3px  20px;
  width:928px;
  margin-bottom:30px}
  
.footer_bt li
{margin:0px 0px 5px 0px;
  padding:0px 10px;
  font-size:7pt;
  float:left}
  
#footer_menu
{position: fixed;
  left:0;
  z-index:2;
  width:100%;
	font-size:8pt;
	color:#ffffff;
	bottom:0px;
	background-color:#000000;
	font-weight:bold;
	padding:0px 0px;
	opacity:0.9;
	filter: alpha(opacity=90);	/* IE6、IE7対応 */
 -moz-opacity: 0.9;		/* Firefox1.5以前対応 */}

.footer_bg_div
{width:988px;
  margin:0px auto}

.footer_bg_bt li
{margin:5px 5px 5px 5px;
  float:left}

.footerbg_bt_moji
{padding-right:5px;
  border-right:1px solid #ffffff;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  position:relative;
  top:3px}

.side_genre
{position:fixed;
  bottom:-10px;
  left:50px;
  z-index:-100;
  width:130px;
  background-color:#000000;
  padding:20px;
  color:#ffffff;
  border-radius: 5px;        /* CSS3草案 */  
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 5px;   /* Firefox用 */ }

.side_genre p
{font-weight:bold;
  border-bottom:1px solid #ffffff;
  padding-bottom:5px;
  margin-bottom:10px}

.side_genre ul
{font-weight:normal;
  font-size:12pt;
  line-height:1.5em}

.side_genre li
{padding:0px 0px 0px 10px;
  background-image:url(img/side_arrow.png);
  background-repeat:no-repeat;
  background-position:0px 5px}

.side_genre a:link,.side_genre a:visited
{color:#ffffff}

#illust
{margin-top:20px;
  margin-bottom:20px;
  text-align:center}

#illust_moji li
{float:left}

#illust_moji
{margin:20px 14px;
  text-align:center}

#illust_moji ul h4
{text-align:center;
  font-size:10pt;
  width:350px;
  background-color:inherit;
  margin:10px 0px 5px 0px;
  padding:0px;
  font-weight:normal;
  color:#666666;}

#illust_moji img
{width:350px}

#illust a:hover
{position:relative;
  top:1px;
	left:1px;
	opacity:0.8;
	filter: alpha(opacity=80);	/* IE6、IE7対応 */
 -moz-opacity: 0.8;		/* Firefox1.5以前対応 */}

.illust_name
{width:350px;
  text-align:center;
	float:left;
	font-size:8pt}

.illust_name02
{width:700px;
  text-align:center;
	font-size:8pt}

#illust1
{margin:0px 14px}

.campaign01
{color:#990000;
	font-weight:400;
	font-size:16pt;
	text-align:center;
	margin:20px 0px 20px 0px;}

.campaign10
{color:#ff0000;
	font-weight:bold;
	font-size:24pt;
	text-align:center;
	margin:20px 0px 10px 0px;}

.campaign102
{color:#333333;
	font-weight:bold;
	font-size:12pt;
	text-align:center;
	margin:0px 0px 10px 0px;
	line-height:1.5em}

.campaign103
{border:1px solid #ff0000;
  margin:10px 0px 10px 0px;
  padding:5px 0px}

.illust_important
{border:1px solid #ff0000;
  font-size:16pt;
  font-weight:bold;
  padding:15px;
  line-height:1.5em;
  margin:20px 0px}

.search
{color:#ffffff;
  font-size:7pt}

#mailform_order
{width:938px;
  margin:0px auto;
  padding:30px 10px;
  background-color:#ffffff;
  border:1px solid #cccccc;
  text-align:justify;
  text-justify:inter-ideograph}

h1.h1_mailform
{font-size:18pt;
  line-height:1.4em;
  color:#cc0000;
  font-weight:bold;
  margin-top:0px;
  margin-left:10px;
  margin-bottom:20px}


.body_header_sozai li
{float:left;
  margin:5px 2px 0px 2px;
  line-height:0;
  text-align:left;
  width:238px;
  height:80px;}

.category_genre
{font-size:12pt;
  font-weight:bold;
  margin-top:5px;
  padding:0px 0px 2px 23px;
  background-image:url(img/arrow1.gif);
  background-repeat:no-repeat}

.order_illust
{margin:5px 0px 0px 0px;
  font-size:12pt;
  color:#ff0000;
  text-align:center}

.newmark
{position:absolute;
  left:0;
  top:335px;
  left:-45px}

.newmark2
{position:absolute;
  left:0;
  top:-10px;
  left:320px;
  z-index:2}

.newmark_pro
{position:absolute;
  left:0;
  top:10px;
  left:-75px}

.home_bt
{position:fixed;
  left:0;
  top:50%;
  z-index:100;}

.ticker 
{margin: 0 auto;
	text-align: left;
	position: relative;
	bottom:-2px;
	overflow: hidden;
	height:10px;
	font-size:10pt;
	background-color:#ff3333;
	line-height:normal;
	color:#ffffff;
	font-weight:600}

.ticker a:link    {color:#ffffff;text-decoration:none}
.ticker a:visited {color:#ffffff;text-decoration:none}
.ticker a:hover   {color:#ffcc00;text-decoration:underline}	

.ticker ul {
	width: 100%;
	position: relative;
	bottom:2px;}

.ticker ul li {
	width: 100%;
	display: none;}

.panlist
{font-size:8pt;
  margin:0px 5px}

div.illust_contents
{margin-top:10px}

.data_mail
{text-align:center;
  font-size:12pt;
  margin:10px 0px 20px 0px}

.data_sample
{text-align:center;
  font-size:14pt;
  margin:10px 0px 5px 0px;
  font-weight:bold;
  color:#888888}

.data_mail_input
{width:300px;
  height:30px;
  border:1px solid #cccccc;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}
	
data_mail_input:hover
{border-color:#ff9900}

.data_mail div
{font-size:10pt}

/*トップページ[/]*/	

.campaign_time
{border:none;
  font-size:14pt;
	font-weight:bold;
	background:none;
	color:#ffffff}

.top_left
{width:236px;
  margin-right:10px;
	margin-bottom:10px;
	float:left}

.top_right
{float:right;}

.top_category_left
{width:180px;
  float:left}
	
.top_category_right
{width:528px;
  float:right;}

.top_category_right li a:link,.cam10_ul li a:link
{width:127px;
  height:27px;
	padding-top:10px;
	background-image:url(img/top_bg.gif);
  background-repeat:no-repeat;
	text-align:center;
	float:left;
	color:#444444;
	text-decoration:none;
	margin-left:5px}

.top_category_right li a:visited,.cam10_ul li a:visited
{width:127px;
  height:27px;
	padding-top:10px;
	background-image:url(img/top_bg.gif);
  background-repeat:no-repeat;
	text-align:center;
	float:left;
	color:#444444;
	text-decoration:none;
	margin-left:5px}

.top_category_right li a:hover,.cam10_ul li a:hover
{width:126px;
  height:26px;
	padding-top:11px;
	padding-left:1px;
	background-image:url(img/top_bg_on.gif);
  background-repeat:no-repeat;
	text-align:center;
	float:left;
	color:#ffffff;
	text-decoration:none;
	margin-left:5px}

.top_categoryc a:link
{width:147px;
  height:27px;
	padding-top:13px;
	background-image:url(img/top_bgc.png);
  background-repeat:no-repeat;
	text-align:center;
	float:left;
	color:#444444;
	text-decoration:none;
	margin-left:5px}

.top_categoryc a:visited
{width:147px;
  height:27px;
	padding-top:13px;
	background-image:url(img/top_bgc.png);
  background-repeat:no-repeat;
	text-align:center;
	float:left;
	color:#444444;
	text-decoration:none;
	margin-left:5px}

.top_categoryc a:hover
{width:146px;
  height:26px;
	padding-top:14px;
	padding-left:1px;
	background-image:url(img/top_bgc_on.png);
  background-repeat:no-repeat;
	text-align:center;
	float:left;
	color:#ffffff;
	text-decoration:none;
	margin-left:5px}

.top_category2 a:link
{width:142px;
  height:27px;
	padding-top:13px;
	padding-left:5px;
	background-image:url(img/top_bg2.gif);
  background-repeat:no-repeat;
	float:left;
	color:#444444;
	text-decoration:none;
	margin-left:5px}

.top_category2 a:visited
{width:142px;
  height:27px;
	padding-top:13px;
	padding-left:5px;
	background-image:url(img/top_bg2.gif);
  background-repeat:no-repeat;
	float:left;
	color:#444444;
	text-decoration:none;
	margin-left:5px}

.top_category2 a:hover
{width:141px;
  height:26px;
	padding-top:14px;
	padding-left:6px;
	background-image:url(img/top_bg2_on.gif);
  background-repeat:no-repeat;
	float:left;
	color:#ffffff;
	text-decoration:none;
	margin-left:5px}

.top_category3 a:link
{width:142px;
  height:27px;
	padding-top:13px;
	padding-left:5px;
	background-image:url(img/top_bg3.gif);
  background-repeat:no-repeat;
	float:left;
	color:#444444;
	text-decoration:none;
	margin-left:5px}

.top_category3 a:visited
{width:142px;
  height:27px;
	padding-top:13px;
	padding-left:5px;
	background-image:url(img/top_bg3.gif);
  background-repeat:no-repeat;
	float:left;
	color:#444444;
	text-decoration:none;
	margin-left:5px}

.top_category3 a:hover
{width:141px;
  height:26px;
	padding-top:14px;
	padding-left:6px;
	background-image:url(img/top_bg3_on.gif);
  background-repeat:no-repeat;
	float:left;
	color:#ffffff;
	text-decoration:none;
	margin-left:5px}
	
.top_category4 a:link
{width:145px;
  height:27px;
	font-size:7pt;
	line-height:1.1em;
	padding-top:10px;
	padding-left:5px;
	background-image:url(img/top_bg4.gif);
  background-repeat:no-repeat;
	float:left;
	color:#444444;
	text-decoration:none;
	margin-left:5px}

.top_category4 a:visited
{width:145px;
  height:27px;
	font-size:7pt;
	line-height:1.1em;
	padding-top:10px;
	padding-left:5px;
	background-image:url(img/top_bg4.gif);
  background-repeat:no-repeat;
	float:left;
	color:#444444;
	text-decoration:none;
	margin-left:5px}

.top_category4 a:hover
{width:144px;
  height:26px;
	font-size:7pt;
	line-height:1.1em;
	padding-top:11px;
	padding-left:6px;
	background-image:url(img/top_bg4_on.gif);
  background-repeat:no-repeat;
	float:left;
	color:#ffffff;
	text-decoration:none;
	margin-left:5px}

.top_title
{margin:20px 0px 2px 0px;
  position:relative}

.top_title h2
{width:235px;
  height:52px;
	padding:8px 0px 0px 15px;
  background-image:url(img/top_index.gif);
  background-repeat:no-repeat;
  font-size:12pt;
  color:#555555;
  margin-top:20px;}

.top_title p
{position:absolute;
  left:280px;
  top:10px;}

h2.top_index
{width:235px;
  height:52px;
	padding:8px 0px 0px 15px;
  background-image:url(img/top_index.gif);
  background-repeat:no-repeat;
  font-size:12pt;
  color:#555555;
  margin-top:20px;}
	
h2.top_index02
{width:235px;
  height:52px;
	padding:8px 0px 0px 15px;
  background-image:url(img/top_index.gif);
  background-repeat:no-repeat;
	font-size:12pt;
	color:#555555;
	margin-top:20px;
	float:left}

.top_matome_otoku
{float:left;
  margin:30px 0px 0px 10px;
  color:#ff0000}

.top_folder
{width:345px;
  height:86px;
  padding:7px;
  background-image:url(img/top_folder.gif);
  background-repeat:no-repeat;
  margin:5px 2px 0px 2px;
  position:relative;
  float:left}
  
.top_folder div
{width:96px;
  float:left}
  
.top_folder h3
{font-size:12pt;
  padding:8px 0px 0px 10px;
  margin:0px;
  font-weight:bold;}
  
.top_folder p
{font-size:8pt;
  line-height:1.4em;
  color:#333333;
  font-weight:400;
  padding:0px;
  margin:5px 10px 0px 10px;}  
	
.top_folder_bg
{width:232px;
  height:184px;
  background-image:url(img/folder_bg.gif);
  background-repeat:no-repeat;}

.top_folder_sample
{width:211px;
  height:188px;
  padding:3px 15px 0px 10px;
  background-image:url(img/folder_sample.gif);
  background-repeat:no-repeat;
  float:left;
  margin:0px 3px;}

.top_folder_sample h2
{font-size:10pt;
  margin:6px 0px 25px 5px;
  font-weight:bold}

.top_folder_sample p
{font-size:8pt;
  line-height:1.3em;
	color:#444444;
  font-weight:500;
	margin-top:9px;
	margin-bottom:0px}

.top_folder_sample div
{margin-top:15px;
  font-size:8pt;
  font-weight:bold;
  text-align:right}

.sample_ad
{background-color:#ffdddd;
	padding:5px 5px 3px 5px;
	font-size:8pt;
	font-weight:bold;
	margin-top:10px;
	text-align:center}

.try_sample
{font-size:12pt;
  color:#cc0000;
	margin-right:3px;
	float:left}

.sample_like
{background-color:#ff6633;
  color:#ffffff;
	font-weight:bold;
	font-size:12pt;
  padding:2px 0px;
	margin:10px 0px 0px 0px;
	text-align:center;}

.sample_mail
{margin:10px 0px 0px 0px;
	text-align:center;}

.sample_like_illust
{border:1px solid #ff6633;
  border-top:none;
	font-weight:bold;
  padding:10px 5px}

.sample_like_illust_contents
{float:left;
  width:150px;
	margin:0px 5px;
	text-align:center;
	font-size:8pt;}

.sample_dl
{margin-top:10px;
  font-size:16pt;
  font-weight:bold;
  text-align:center}

.sample_dl2
{margin-bottom:10px;
  color:#cd5c5c;
  text-align:center}

.sample_dl3
{margin-top:10px;
  font-size:24pt;
  font-weight:bold;
  text-align:center;
  color:#ff0000}

/*素材[/data/]*/

.data_genre
{margin:10px 0px;}

.data_catch
{position:absolute;
  top:790px;
  left:650px}

.data_catch2
{position:absolute;
  top:-130px;
  left:550px}

.data_catch3
{position:absolute;
  top:400px;
  left:-115px}

.side_new
{position:absolute;
  top:0px;
  left:-170px}


.data_contents
{position:relative;
  bottom:10px;
	text-align:right}

.order_pricents
{position:relative;
  bottom:10px;
	text-align:right}
	
.data_form_header
{background-color:#333333;
  font-size:14pt;
	color:#ffffff;
	text-align:center;
	font-weight:500;
	margin-top:20px;
	padding:4px 0px 1px 0px}

.data_vector
{background-color:#ffeebb;
  border:1px solid #ffaa22;
	padding:5px 10px;
	margin:10px 0px}

.data_contents2
{background-color:#ffdddd;
  border:1px solid #ff9999;
	padding:5px 5px 3px 5px;
	color:#aa3333;
	font-size:9pt;
	font-weight:bold;
	margin:0px 0px 20px 0px;
	text-align:center}

.data_bg
{width:140px;
  float:left}

.order_sozai_border
{border:1px solid #ff7f00;
  margin-bottom:20px;
  padding:15px 10px;
  clear:both;
  float:none}

dl.order_sozai dt
{width:156px;
  margin-left:5px;
  font-size:10pt;
  font-weight:bold;
  padding:5px 0px 0px 0px;
  float:left}

dl.order_sozai dd
{width:55px;
  font-size:8pt;
  position:relative;
  top:2px;
  border-right:1px dotted #999999;
  padding:5px 10px 0px 0px;
  height:30px;
  float:left;
  margin-right:5px}

.data_series div
{float:left;
  padding-top:6px;
  padding-right:10px;
  margin-top:3px}

.data_series a:link
{background-color:#333333;
  padding:5px 15px;
  font-weight:bold;
  margin-left:1px;
  color:#ffffff;
  text-decoration:none;
  float:left;
  margin-top:3px}

.data_series a:visited
{background-color:#333333;
  padding:5px 15px;
  font-weight:bold;
  margin-left:1px;
  color:#ffffff;
  text-decoration:none;
  float:left;
  margin-top:3px}

.data_series a:hover
{background-color:#ff6600;
  padding:5px 15px;
  font-weight:bold;
  margin-left:1px;
  color:#ffffff;
  text-decoration:none;
  float:left;
  margin-top:3px}

.data_series span
{background-color:#cccccc;
  padding:5px 15px;
  font-weight:bold;
  margin-left:1px;
  color:#999999;
  text-decoration:none;
  float:left;
  margin-top:3px}

.data_sozaishu
{font-size:12pt;
  font-weight:bold;
  margin:10px 0px;
  padding:0px;
  line-height:1.6em}

.data_sozaishu span
{padding:0px 5px;
  background-color:#ff0000;
  color:#ffffff;
  line-height:1.6em}

.data_cardm_p
{text-align:center;
  color:#ff3300}

.data_cardm img
{width:121px}

.data_cardm li
{float:left}

/*ポータルサイト[/portal/]*/	

ul.portal_site
{padding:0px;
 text-align:justify;
  text-justify:inter-ideograph;
  }

ul.portal_site li
{float:left;
  width:226px;
  text-align:center;
  font-weight:bold;
  margin-top:10px;
  left:300px;}

/*スウォッチ[/swatch/]*/		
.swatch_bt
{margin:10px;
  text-align:center}

.swatch_border
{border:1px solid #ff6600;
  padding:15px;
  margin-top:10px;}

/*オリジナル文字[/moji/]*/	
.moji
{margin:20px;
  font-size:12pt;}

.moji h3
{font-size:16pt;
  font-weight:bold;
  color:#333333;
  margin:0px;
  float:left}

.moji_price
{float:left;
  margin:5px 0px 0px 40px}

.moji_title
{margin:20px 0px 30px 0px}

.moji_tp_title
{margin:20px 0px 10px 0px;
  font-size:16pt;
  font-weight:normal;
  color:#996633;
  float:none;
  clear:both}

.moji_tp li
{width:114px;
  float:left;
  margin:0px 10px 10px 10px;
  font-size:8pt;
  font-weight:bold;
  text-align:center}

.moji_tp img
{width:114px;}

.moji_order
{margin-top:30px;}

.moji_order li
{font-weight:bold;
  font-size:12pt;
  margin:6px 0px 0px 0px;
  padding:8px 0px;
  text-align:center;
  background-color:#ffeecc}

.moji_order li:nth-of-type(2n)   /* 偶数番目 */
{background-color: #ffffff;}

.moji_form_title
{margin:40px 0px 20px 0px;
  padding:10px 0px 7px 0px;
  background-color:#333333;
  font-size:16pt;
  font-weight:600;
  text-align:center;
  color:#ffffff}

.moji_form_attension
{border:1px solid #ff3333;
  margin:30px 0px 10px 0px;
  padding:20px 15px 15px 15px;
  line-height:1.5em;
  font-size:8pt;
  position:relative}

.moji_form_attension p
{font-size:12pt;
  color:#ff3333;
  font-weight:600;
  text-align:center;
  margin:0px auto;
  position:absolute;
  top:-12px;
  background-color:#ffffff;
  padding:0px 10px}

.moji_form
{overflow: hidden;
  zoom: 1;
  line-height:1.5em;
  font-size:12pt;
  width:728px}
  
.moji_form dt
{margin-bottom: 0px;
  padding-bottom: 5px;
  padding-top:25px;
  padding-left:10px;
  width: 190px;
  float: left;
  clear: both;
  font-weight:bold;
  position:relative;
  z-index:5}
  
.moji_form dd
{margin-bottom: 0px;
  padding: 25px 0 25px 220px;
  border-bottom: 1px dotted #999999;
  position:relative;
  left:-40px}

.moji_form dd:nth-of-type(2n)   /* 偶数番目 */
{background-color: #f5f5f5;}

.moji_form span
{color:#666666;
  font-size:8pt;
  padding-left:0px;
  position:absolute;
  bottom:-12px;
  font-weight:400;
  line-height:normal}

.moji_form_div
{color:#666666;
  font-size:8pt;
  padding-right:10px;
  margin-top:5px;
  font-weight:400;
  line-height:1.2em}

.moji_design
{margin-top:0px;}

.moji_design li
{margin:0px 0px 10px 0px;
  width:93px;
  font-size:9pt;
  float:left}

.moji_design input,.moji_design label
{position:relative;
  bottom:10px}

.moji_design img
{width:30px;
  padding-left:5px}

.moji_pricec
{width:20px;
  border:none;
  font-size:12pt;
  text-align:right;
  font-family:"メイリオ","ヒラギノ角ゴ Pro w3","HG丸ｺﾞｼｯｸM-PRO";
  background-color:#ffffff}

.moji_cost
{width:55px;
  border:none;
  font-size:12pt;
  text-align:right;
  font-family:"メイリオ","ヒラギノ角ゴ Pro w3","HG丸ｺﾞｼｯｸM-PRO";
  font-weight:bold;
  color:#ff0000;
  background-color:#ffffff}

.moji_send
{border:1px solid #ff0000;
  padding:15px}

.moji_thanks
{margin:30px 0px 0px 0px;
  list-style-type:square;}

.moji_thanks li
{margin:10px 0px 0px 0px;
  line-height:1.5em;}

.moji_close
{text-align:center;
  margin-top:60px}

/*イラストご利用実績[/performance/]*/	
.performance_contents
{margin:25px}

.performance_contents h3
{font-size:18pt;
  margin:40px 0px 10px 0px;
  color:#ff0000;
  line-height:1.2em;
  float:none;
  clear:both}

.performance_contents p
{font-size:12pt;
  margin-bottom:10px;}

.performance_kindp
{font-size:12pt;
  margin-top:20px;
  color:#0066cc;
  font-weight:bold}

.performance_kind
{background-image:url(performance/img/performance_img01.jpg);
  background-repeat:no-repeat;
  background-position:right top;
  margin:20px 0px 20px 0px;
  padding-right:330px}

.performance_kind ul
{list-style:disc;
  font-size:12pt;
  margin-left:20px;
  font-weight:bold;}
 
.performance_kind li
 {margin:7px 0px}

.performance_kind dt
{font-size:12pt;
  font-weight:bold;
  margin-top:15px}

.performance_kind dd
{margin:5px 0px 0px 0px;
  border-bottom:1px dotted #999999;
  padding-bottom:10px}

/*イラストの使い方[/howai/]*/	
.howai_contents
{margin:25px;
  font-size:12pt;
  line-height:1.7em}

.howai_contents h3
{margin:20px 0px 5px 0px;
  display:inline;
  background-color:#3366cc;
  padding:3px 15px;
  font-weight:bold;
  color:#ffffff;
  font-size:14pt}

.howai_contents h4
{font-weight:bold;
  color:#ff0000;
  font-size:12pt}

.howai_contents p
{margin:10px 0px 20px 0px;}

.howai_title
{font-size:18pt;
  margin:20px 0px 5px 0px;
  color:#006633;
  font-weight:bold}

.howai_attension
{font-size:10pt;
  margin:10px 0px 10px 0px;
  border:1px solid #ff3300;
  color:#ff3300;
  padding:7px;
  font-weight:bold}

/*イラストの使い方[/howuse/]*/	
.howuse_contents
{margin:25px;
  font-size:12pt;
  line-height:1.7em}

.howuse_contents h3
{margin:20px 0px 5px 0px;
  display:inline;
  background-color:#3366cc;
  padding:3px 15px;
  font-weight:bold;
  color:#ffffff;
  font-size:14pt}

.howuse_contents p
{margin:10px 0px 5px 0px;}


/*10周年[/campaign10/]*/	
.cam10_contents
{margin:10px;
  font-size:12pt;
  line-height:1.7em}

.cam10_contents p
{color:#ff3333;
  font-weight:bold;
  text-align:center;
  margin-bottom:40px}

.cam10_pre
{margin-top:10px;
  margin-bottom:20px;
  border:1px solid #ff0000;
  padding:0px 20px 20px 20px;}

.cam10_pre div
{color:#ff0000;
  font-weight:bold;
  background-color:#ffffff;
  padding:0px 0px;
  position:relative;
  bottom:10px;
  width:180px}

.cam10_pre p
{font-size:16pt;
  margin:0px;
  text-align:left;
  font-weight:normal;
  color:#333333}

.cam10_contents ul
{margin:10px 0px 0px 0px;} 

.cam10_contents li
{float: left;
  width:216px;
  list-style:circle;
  margin-left:20px;
  font-size:11pt}

.cam10_genre
{margin-top:20px;
  border-top:1px dotted #999999;
  padding-top:20px}

.cam10_present
{margin:20px;
  font-size:24pt;
  font-weight:bold;
  color:#ff0000;
  text-align:center}

/*イラスト用語集[/glossary/]*/	
.glossary_contents
{margin:25px}

.glossary_contents ul
{font-size:14pt;
  text-align:center;
  margin:0px auto}
  
.glossary_contents li
{float:left;
  width:60px;
  text-align:center;
  border-left:1px solid #999999}

.glossary_contents div
{font-size:18pt;
  color:#ff3300;
  font-weight:bold;
  margin:40px 0px 10px 0px}

.glossary_contents h3
{font-size:16pt;
  margin:20px 0px 5px 0px;
  color:#336600;
  font-weight:normal}

.glossary_contents span
{font-size:10pt;
  color:#666666;
  font-weight:normal}

.glossary_contents p
{padding-bottom:10px;
  border-bottom:1px dotted #666666}

/*安心の取組み[/safety/]*/	
.safety_contents
{margin:25px}

.safety_contents h3
{font-size:18pt;
  margin:50px 0px 5px 0px;
  color:#009900;
  font-weight:normal}

.safety_catch
{font-size:12pt;
  margin:20px 0px 5px 0px;}

/*特定商[/regulation/]*/	

dd.regulation_title
{margin:0px 10px 0px 0px;
  padding:0px 0px 0px 0px;
  float:left;
  border-right:5px solid #dddddd;
  width:120px}

/*ご購入[/contact/]*/	

.order_attension
{margin:2px 0px 10px 17px;
  font-size:8pt;
  line-height:1.4em;
  list-style-type:square}

.order_form
{overflow: hidden;
  zoom: 1;
  line-height:1.5em;
  font-size:12pt}
  
.order_form dt
{margin-bottom: 0px;
  padding-bottom: 5px;
  padding-top:40px;
  padding-left:10px;
  width: 150px;
  float: left;
  clear: both;
  font-weight:bold;
  position:relative;
  z-index:5}
  
.order_form dd
{margin-bottom: 0px;
margin-left:0px;
  padding: 40px 0 40px 190px;
  border-bottom: 1px dotted #999999;
  position:relative }

.order_form strong
{font-size:16pt;}

.order_form p,.order_form span
{font-size:8pt;
  margin-top:10px}

.order_form_order
{font-size:10pt;
  }

.data_order p
{font-size:8pt;
  margin-top:10px}

.order_text input
{width:400px;
  height:30px;
  border:1px solid #cccccc;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

.order_text2 input
{width:500px;
  height:30px;
  border:1px solid #cccccc;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

.order_text input:hover,.order_text2 input:hover,.order_textarea textarea:hover
{border-color:#ff9900}

.order_textarea textarea
{width:500px;
  height:130px;
  border:1px solid #cccccc;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

.order_money
{position:relative;
  top:10px}

.order_item_contents h3
{font-size:12pt;
  font-weight:bold;
  color:#ff3300;
  margin:10px 0px;
  float:none;
  clear:both}

.order_item_contents h4
{width:159px;
  margin-left:5px;
  margin-top:3px;
  font-size:9pt;
  font-weight:400;
  color:#333333;
  float:left}

.order_item_contents p
{width:63px;
  font-size:6pt;
  position:relative;
  margin-top:3px;
  top:2px;
  float:left;
  margin-right:5px}

.order_item_contents label
{position:relative;
  bottom:2px}

.contact_attension
{color:#bb0000;
  font-weight:bold;
  margin-top:20px;}

.order_price
{color:#bb0000;
  margin-top:10px;
	text-align:right;}

.order_item_border
{border:1px solid #ff7f00;
  margin-top:20px}
	
.order_item_title
{background-color:#ff7f00;
  font-size:12pt;
  padding:4px 0px;
  text-align:center;
  font-weight:bold}
	
.order_item_contents
{padding:15px 15px 5px 15px}

dd.contact_title
{margin:0px 20px 0px 0px;
  padding:10px 5px 8px 5px;
	float:left;
	background-color:#faeec6;
	width:150px}
	
dt.contact_form
{margin:0px 0px 0px 0px;
  padding:7px 0px 0px 5px;}

dl.contact_c
{ overflow: hidden;
  zoom: 1;
  padding:20px 10px 20px 10px;
  border-bottom:1px dotted #cccccc;
  clear: both;
  float:none} 
  
dl.contact_c dt
{width: 220px;  
  clear:left;
  float: left;
  font-weight:bold; }
  
dl.contact_c dd
{padding: 0px 0px 0px 0px;
  margin-left:50px;
  width:438px}  

.contact_notice
{font-size:8pt;
  color:#ff0000;
  line-height:1.4em}

input.myError {
background-color:#ffcccc;
}

label.myError {
color:#ff0000;
font-size:8pt;
font-weight:bold
}

textarea.myError {
background-color:#ffcccc;
}

.order_payment
{border:1px solid #ffbbbb;
  background-color:#ffdddd;
	font-size:8pt;
	font-weight:bold;
	color:ff3333;
	padding:5px 10px}

.order_payment_bank
{font-size:14pt;
	margin:15px 0px 10px 0px;
	padding-top:15px;
	color:#0066cc;
	font-weight:bold;
	border-top:1px dotted #999999}

.order_thanks
{font-size:12pt;
  line-height:1.5em;
	margin:20px 0px;
	text-align:center}
	
.order_paypal
{border:1px solid #cc3333;
  background-color:#ffeeee;
	padding:5px;
	margin-top:10px}

.order_left
{width:220px;
  padding-right:10px;
  margin-right:7px;
	border-right:1px dotted #666666;
  float:left;
	font-size:8pt;
	height:23px}

.order_left1
{width:150px;
  float:left}

.order_left2
{width:65px;
  float:right;
	font-size:7pt;
	margin-top:4px;
	text-align:right}

.order_right
{width:458px;
  float:right;
	height:23px}

.order_right2
{width:220px;
  float:right;}

dl.data_order
{ overflow: hidden;
  zoom: 1;
  padding:0px 0px 0px 0px;
  clear: both;
  font-size:10pt;
  float:none;
  background-color:#faeec6;} 

dl.data_order dt
{width:160px;  
  clear:left;
  float: left;
  font-weight:bold;
  color:#333333;
  padding:10px 10px 10px 10px;
  border-top:3px solid #ffffff;}
  
dl.data_order dd
{padding:10px 0px 10px 30px;
  margin-left:180px;
  background-color:#ffffff;
  border-top:3px solid #ffffff;} 
  
.data_order strong
{font-size:12pt}

.order_error
{border:1px solid #ff0000;
padding:15px;
margin:10px 0px}

.order_price
{border:none;
  cursor:default;
  font-size:14pt;
  background-color:#ffffff;
  font-weight:bold;
  color:#333333}

.mailform_contents
{margin:10px 0px 0px 10px;
  font-size:14pt;
  line-height:1.7em}
 
 .mailform_contents2
{margin:10px 0px 0px 10px;
  font-size:11pt;
  color:#ff0000}

 .mailform_attension
{margin:10px 0px 0px 10px;
  border:1px solid #ff0000;
  padding:10px;
  font-size:12pt;
  line-height:1.7em}

/*他の素材集[/sozai/]*/	
dl.sozai_logo
{overflow: hidden;
  zoom: 1;
  font-size:8pt;
  margin-top:5px;
  clear: both;
  float:none} 

dl.sozai_logo dt
{margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  float:left;
  clear:left;
  width:260px;
  height:100px}

dl.sozai_logo dd
{margin-top:0px;
  height:100px}

.sozai_h3
{text-align:center;
  font-size:16pt;
  font-weight:400;
  color:#ff6600}

/*特定商取引[/regulation/]*/	

.regulation_form
{overflow: hidden;
  zoom: 1;
  line-height:1.5em;
  font-size:12pt}
  
.regulation_form dt
{margin: 0px;
  padding-bottom: 5px;
  padding-top:25px;
  padding-left:10px;
  width: 200px;
  float: left;
  clear: both;
  font-weight:bold;
  position:relative;
  z-index:5}
  
.regulation_form dd
{margin: 0px;
  padding: 25px 0 25px 220px;
  border-bottom: 1px dotted #999999;
  position:relative }

.regulation_form dd:nth-of-type(2n)   /* 偶数番目 */
{background-color: #f5f5f5;}

.regulation_form span
{font-size:8pt;
  color:#cd5c5c;
  padding-left:20px}

/*メールマガジン[/magazine/]*/	

.magazine_stop
{color:#888888;
  font-weight:400;
	font-size:14pt;
	background-color:#ffdd77;
	margin-top:10px;
	padding:8px 0px 5px 5px}


/*無料イラスト[/sample/]*/	

.sample_bg
{background-color:#333333;
  padding:3px 0px 3px 0px;
  color:#ffffff;
	font-size:8pt}
	
.sample_similar
{font-size:12pt;
  font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
  font-style:italic;
	text-align:right;
	margin-bottom:15px}

.genre_bt_p
{font-size:14pt;
  font-weight:bold;
  margin-bottom:5pt;
  width:250px;}

.genre_index
{width:235px;
  height:52px;
	padding:8px 0px 0px 15px;
  background-image:url(img/top_index.png);
  background-repeat:no-repeat;
  font-size:12pt;
  font-weight:bold;
  color:#555555;
  margin-top:20px;
  clear:none;
  float:none}

.genre_bt
{width:728px;
  font-size:10pt;}

.genre_bt li a:link
{width:182px;
  height:27px;
	padding-top:10px;
	margin-bottom:5px;
	background-image:url(img/genre_bt.png);
  background-repeat:no-repeat;
	text-align:center;
	float:left;
	color:#444444;
	text-decoration:none;}

.genre_bt li a:visited
{width:182px;
  height:27px;
	padding-top:10px;
	margin-bottom:5px;
	background-image:url(img/genre_bt.png);
  background-repeat:no-repeat;
	text-align:center;
	float:left;
	color:#444444;
	text-decoration:none;}

.genre_bt li a:hover
{width:181px;
  height:26px;
	padding-top:11px;
	padding-left:1px;
	margin-bottom:5px;
	background-image:url(img/genre_bt_on.png);
  background-repeat:no-repeat;
	text-align:center;
	float:left;
	color:#ffffff;
	text-decoration:none;}

.sample_header
{font-size:22pt;
  text-align:center;
  color:#ff3300;
  margin:10px 0px 20px 0px;
  font-weight:bold}

/*広告関連*/	
.moji_336
{width:364px;
  text-align:center;
  float:left;
  margin:5px 0px}

.wp_blog_f strong
{ color:#FF3300}

.wp_blog_fb
{margin-top:20px;
  text-align:center}

/*リンク関連*/	

a:link           {color:#114477;text-decoration:none;cursor:pointer}
a:visited      {color:#114477;text-decoration:none;cursor:pointer}
a:hover       {color:#cccccc;text-decoration:none;cursor:pointer}	

a.l1:link       {color:#666666;text-decoration:none}
a.l1:visited  {color:#666666;text-decoration:none}
a.l1:hover   {color:#cccccc;text-decoration:underline}	

a.l2:link       {color:#ffffff;text-decoration:underline}
a.l2:visited  {color:#ffffff;text-decoration:underline}
a.l2:hover   {color:#ffff66;text-decoration:underline}

a.l3:link       {color:#ffffff;text-decoration:none}
a.l3:visited  {color:#ffffff;text-decoration:none}
a.l3:hover   {color:#ffff66;text-decoration:none}

a.l4:link       {color:#4a78ab;text-decoration:none}
a.l4:visited  {color:#4a78ab;text-decoration:none}
a.l4:hover   {color:#cccccc;text-decoration:none}	

a.l5              {color:#ffffff;text-decoration:none;font-weight:bold;cursor:pointer}
a.l5:hover   {color:#ffcc33;text-decoration:none;font-weight:bold;cursor:pointer}

a.l6:link       {color:#ffffff;text-decoration:none}
a.l6:visited  {color:#ffffff;text-decoration:none}
a.l6:hover   {color:#ff9900;text-decoration:none}

a.l7:link       {color:#114477;border-bottom:1px dotted #114477;line-height:1;display:inline-block;}
a.l7:visited  {color:#114477;border-bottom:1px dotted #114477;line-height:1;display:inline-block;}
a.l7:hover   {color:#cccccc;border-bottom:1px dotted #cccccc;line-height:1;display:inline-block;}

a.bigp {
	display: block;
	float: left;
	margin: 0.3em 10px 0.3em 0;}
	
a.bigp img{
	position:absolute;}
	
a.bigp,
a.bigp img{
	width: 140px;
	height: 140px;}
	
a.bigp:hover {
	border: none;
	cursor: default;}
	
a.bigp:hover img {
	width: auto;
	height: auto;
	position:relative;
	z-index:1;}

.width150     { width:150px}
.width200     { width:200px}

/*マージンレフト関連*/
.l-margin05     {margin-left:05px}
.l-margin10     {margin-left:10px}
.l-margin14     {margin-left:14px}
.l-margin15     {margin-left:15px}
.l-margin20     {margin-left:20px}
.l-margin25     {margin-left:25px}
.l-margin30     {margin-left:30px}
.l-margin35     {margin-left:35px}
.l-margin40     {margin-left:40px}
.l-margin135   {margin-left:135px}
.l-margin140   {margin-left:140px}

.l-position        {position:relative;right:13px}

.lr-marginauto {margin:0px auto}
.lr-margin05    {margin:0px 05px}
.lr-margin10    {margin:0px 10px}

.tb-margin05    {margin:5px 0px}
.tb-margin10    {margin:10px 0px}
.tb-margin20    {margin:20px 0px}
.tb-margin30    {margin:30px 0px}

/*マージントップ関連*/

.t-margin01     {margin-top:01px}
.t-margin03     {margin-top:03px}
.t-margin05     {margin-top:05px}
.t-margin10     {margin-top:10px}
.t-margin15     {margin-top:15px}
.t-margin20     {margin-top:20px}
.t-margin25     {margin-top:25px}
.t-margin30     {margin-top:30px}
.t-margin35     {margin-top:35px}
.t-margin40     {margin-top:40px}
.t-margin45     {margin-top:45px}
.t-margin50     {margin-top:50px}
.t-margin55     {margin-top:55px}
.t-margin60     {margin-top:60px}
.t-margin80     {margin-top:80px}
.t-margin100   {margin-top:100px}
.t-margin120   {margin-top:120px}

.t-padding01     {padding-top:01px}
.t-padding03     {padding-top:03px}
.t-padding05     {padding-top:05px}
.t-padding10     {padding-top:10px}
.t-padding15     {padding-top:15px}
.t-padding20     {padding-top:20px}
.t-padding25     {padding-top:25px}
.t-padding30     {padding-top:30px}
.t-padding35     {padding-top:35px}
.t-padding40     {padding-top:40px}
.t-padding45     {padding-top:45px}
.t-padding50     {padding-top:50px}
.t-padding55     {padding-top:55px}
.t-padding60     {padding-top:60px}

.t-position05     {position:relative;bottom:5px}
.t-position07     {position:relative;bottom:7px}
.t-position10     {position:relative;bottom:10px}
.t-position20     {position:relative;bottom:20px}
.t-position30     {position:relative;bottom:30px}
.t-position35     {position:relative;bottom:35px}

.a-margin03     {margin:03px}
.a-margin10     {margin:10px}
.a-margin25     {margin:25px}

.rt-margin10 {position:relative;top:10px}

/*マージンライト関連*/

.r-margin01     {margin-right:01px}
.r-margin03     {margin-right:03px}
.r-margin05     {margin-right:05px}
.r-margin10     {margin-right:10px}
.r-margin15     {margin-right:15px}
.r-margin20     {margin-right:20px}

/*マージンボトム関連*/
.b-margin01     {margin-bottom:01px}
.b-margin03     {margin-bottom:03px}
.b-margin05     {margin-bottom:05px}
.b-margin10     {margin-bottom:10px}
.b-margin15     {margin-bottom:15px}
.b-margin20     {margin-bottom:20px}
.b-margin25     {margin-bottom:25px}
.b-margin30     {margin-bottom:30px}
.b-margin35     {margin-bottom:35px}
.b-margin40     {margin-bottom:40px}
.b-margin45     {margin-bottom:45px}
.b-margin50     {margin-bottom:50px}

/*文字サイズ関連*/
.size06       {font-size:06pt}
.size07       {font-size:07pt;line-height:1.2em}
.size08       {font-size:08pt;line-height:1.3em}
.size09       {font-size:09pt;line-height:1.6em}
.size10       {font-size:10pt;line-height:1.7em}
.size11       {font-size:11pt;line-height:normal}
.size12       {font-size:12pt;line-height:normal}
.size13       {font-size:13pt;line-height:normal}
.size14       {font-size:14pt;line-height:normal}
.size15       {font-size:15pt;line-height:normal}
.size16       {font-size:16pt;line-height:normal}

.size_attension {font-size:08pt;color:cd5c5c}

/*テキストデコレーション関連*/
.t_underline   {text-decoration:underline}

/*行間関連*/
.line-height10 {line-height:1.0em}
.line-height11 {line-height:1.1em}
.line-height12 {line-height:1.2em}
.line-height13 {line-height:1.3em}
.line-height14 {line-height:1.4em}
.line-height15 {line-height:1.5em}
.line-height16 {line-height:1.6em}
.line-height17 {line-height:1.7em}


/*色関連*/
.color_00  {color:#787882}

.color_k01 {color:#000000}
.color_k02 {color:#222222}
.color_k03 {color:#444444}
.color_k04 {color:#666666}
.color_k05 {color:#888888}
.color_k06 {color:#aaaaaa}
.color_k07 {color:#cccccc}
.color_k08 {color:#eeeeee}
.color_k09 {color:#ffffff}

.color_r01 {color:#ff0000}
.color_r02 {color:#8b0000}
.color_r03 {color:#cd5c5c}
.color_r04 {color:#ffeeee}
.color_r05 {color:#fa8072}

.color_bg_r01 {background:#ff0000;color:#ffffff;padding:3px 5px}

.color_b01 {color:#0099cc}
.color_b02 {color:#0066cc}

.color_g01 {color:#336600}
.color_g02 {color:#336633}
.color_g03 {color:#32cd32}
.color_g04 {color:#9acd32}

.color_o01 {color:#ff4500}
.color_o02 {color:#ffa500}
.color_o03 {color:#ff8c00}
.color_o04 {color:#ffff00}


/*ライン関連*/
.line01
{margin:5px 0px 7px 0px;
 width:100%;
	height:1px;
	border-bottom:1px dotted #999999;
	clear:both}

/*ボーダー関連*/

.border_s01
{margin:10px 0px 0px 0px;
	border:1px solid #cccccc;
	padding:10px;}

.border_d01
{margin:3px 0px 8px 0px;
  border-bottom:1px dotted #ffffff;
  padding:0px;}

.border_d02
{margin:15px 0px 10px 0px;
  border-bottom:1px dotted #666666;
  padding:0px;}
	
.border_d03
{margin:5px 0px 5px 0px;
  border-bottom:1px dotted #666666;
  padding:0px;}

/*テーブル関連*/
table
{table-layout:auto;
  border-collapse:collapse;
	border-spacing:0;
	margin:0px;
	padding:0px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro w3","HG丸ｺﾞｼｯｸM-PRO";
	font-size:9pt;
	line-height:1.4em;
	text-align:justify;
	text-justify:inter-ideograph;}
	
table.table01
{table-layout:auto;
  border-collapse:collapse;
	border-spacing:0;
	margin:0px;
	padding:0px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro w3","HG丸ｺﾞｼｯｸM-PRO";
	font-size:8pt;
	line-height:1.3em;
	color:#ffffff;
	text-align:justify;
	text-justify:inter-ideograph;}
	
table.table_default
{table-layout:auto;
	margin:0px;
	padding:0px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro w3","HG丸ｺﾞｼｯｸM-PRO";
	font-size:9pt;
	text-align:justify;
	text-justify:inter-ideograph;}
	
/*リスト関連*/
ul
{list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px;
  text-align:justify;
	text-justify:inter-ideograph}

ul.ul00
{list-style-type:square;
	margin:3px 0px 0px 22px;
	padding:0px;
  text-align:justify;
	text-justify:inter-ideograph}

ul.ul01
{list-style-type:none;
	margin:3px 0px 0px 15px;
	padding:0px;
  text-align:justify;
	text-justify:inter-ideograph}
	
ul.ul02
{list-style-image:url(img/arrow03.gif);
  margin:0px 0px 0px 15px;
	padding:0px;
  text-align:justify;
	text-justify:inter-ideograph}

li
{margin:0px;}

li.li05
{margin-top:05px}	

li.li10
{margin-top:10px}	

li.li15
{margin-top:15px}	

/*定義関連*/
dl
{margin:0px;
 padding:0px}

dl.dl10
{margin:10px 0px 0px 0px;
 padding:0px}



dd.dd_width25  {width:25px}
dd.dd_width75  {width:75px}
dd.dd_width250 {width:250px}
dd.dd_width300 {width:300px}
dd.dd_width515 {width:510px}
	
dt 
{margin:0px;
 padding:0px}

dt.dt_width170 {width:170px}

img
{border:none}

input:hover.img_on
{position:relative;
  top:1px;
	left:1px;
	opacity:0.6;
	filter: alpha(opacity=60);	/* IE6、IE7対応 */
 -moz-opacity: 0.6;		/* Firefox1.5以前対応 */}

img:hover.img_on
{position:relative;
  top:1px;
	left:1px;
	opacity:0.6;
	filter: alpha(opacity=60);	/* IE6、IE7対応 */
 -moz-opacity: 0.6;		/* Firefox1.5以前対応 */}

img:hover.img_on2
{position:relative;
  top:1px;
	left:1px;}

a:hover.img_on img
{position:relative;
  top:1px;
	left:1px;
	opacity:0.6;
	filter: alpha(opacity=60);	/* IE6、IE7対応 */
 -moz-opacity: 0.6;		/* Firefox1.5以前対応 */}

a:hover.group1 img
{position:relative;
  top:1px;
	left:1px;
	opacity:0.6;
	filter: alpha(opacity=60);	/* IE6、IE7対応 */
 -moz-opacity: 0.6;		/* Firefox1.5以前対応 */}

a:hover.img_on2 img
{position:relative;
  top:1px;
	left:1px;}

.photo_left
{float:left;
  margin-right:20px}

.photo_right
{float:right;
  margin-left:20px}

/*回り込み関連*/
.clear     {float:none; clear:both}
.f-left     {float:left;text-align:justify;text-justify:inter-ideograph}
.f-left07 {float:left;text-align:justify;text-justify:inter-ideograph;margin-left:7px}
.f-left10 {float:left;text-align:justify;text-justify:inter-ideograph;margin-left:10px}
.f-right   {float:right;text-align:justify;text-justify:inter-ideograph}
.hidden  {display:none}
	
/*配置関連*/
.left        {text-align:left}
.center   {text-align:center;margin:0px auto}
.right      {text-align:right}

/*H関連*/	
h1
{font-size:7pt;
	font-weight:400;
	line-height:1.5em;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:25px;
	color:#999999;
	padding:3px  0px;
	text-align:right}
	
h2
{font-size:16pt;
  line-height:1.4em;
  color:#ffffff;
  font-weight:bold;
  margin-top:0px;
  margin-bottom:0px}

h2.datatitle
{background-image:url(img/title.gif);
  background-repeat:no-repeat;
  height:48px;
  padding:22px 0px 0px 20px;
  margin-bottom:20px;
  font-size:16pt;
  line-height:1.4em;
  color:#ffffff;
  font-weight:bold;
  margin-top:0px;}


h2.h2_1
{font-size:9pt;
  margin:8px 0px 0px 10px;
  font-weight:bold;
  color:#666666;}

h2.top_folder_title
{font-size:9pt;
  margin:8px 0px 0px 10px;
  font-weight:bold}

h3
{font-size:9pt;
	font-weight:bold;
	line-height:1.5em;
	margin-top:0px;
	margin-bottom:0px;}

h3.h3_1
{font-size:8pt;
	font-weight:400;
	line-height:1.5em;
	margin-top:0px;
	margin-bottom:0px;}

h3.h3_keyword
{font-size:7pt;
  line-height:1.2em;
  color:#aaaaaa;	
  font-weight:500;
	margin-top:10px;
	margin-bottom:10px}

h4
{font-size:8pt;
	font-weight:bold;
	line-height:1.3em;
	color:#ffa500;
	margin-top:0px;
	margin-bottom:0px}

h4.keyword
{font-size:7pt;
  line-height:1.2em;
  color:#aaaaaa;	
  font-weight:500;
	margin-top:10px;
	margin-bottom:10px}

h5
{font-size:12pt;
  font-weight:bold;
  margin:0px;
  padding:0px;
  color:#ff9900;
  line-height:1.2em}

h5.side_new_contents
{font-size:8pt;
	line-height:1.3em;
	color:#ffffff;
	padding:3px 0px 5px 0px;
	margin:2px 0px 0px 0px;
	font-weight:normal;
	border-bottom:1px dotted #ffffff}

h6
{font-size:7pt;
	line-height:1.3em;
	color:#ffffff;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	font-weight:500;
	text-align:center;
	float:none;
	clear:both}

p
{line-height:1.5em;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;}
	
hr.hr01
{color:#ffffff;
  margin:3px 0px;
  border-style:dashed}



strong
{}

strong.basic
{color:#666666}

/*折りたたみバー*/
#slider
{background-color:#000000}
.accordion div {cursor:pointer}
.accordion ul
{list-style-type:none;
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:10pt;
  margin:0px 3px;
  background-color:#000000;}

.accordion li
{line-height:1.3em;
  padding:2px 10px 5px 10px;
  background-image:url(img/side_arrow.png);
  background-repeat:no-repeat;
  background-position:0px 4px;
  font-weight:normal;
  margin:5px 5px 3px 10px;}

.accordion li a
{font-weight:bold;
  color:#ffffff;
  margin:0px;
  padding:5px 0px 0px 10px;
  font-size:12pt;
  position:relative;
  left:-5px;}

.accordion li a:hover
{color:#ffcc00;}

.side_matome
{font-size:7pt;
  color:#ff9900}

#contents_ai
{display:none}

#contents_order2
{display:none}

#contents_place1
{display:none}

#contents_place2
{display:none}

#lb1
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=70);
}


#lb2
{
	display: none;
	position: fixed;
	top: 20%;
	left: 20%;
	width: 474px;
	height: 370px;
	padding:48px 24px 0px 24px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: auto;
}

#lb3
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	font-size:8pt;
	width:522px;
	padding:7px 0px 4px 0px;
	margin:0;
	border-bottom:4px solid #ff9900;
	background-color:#ff5500;
	color:white;
	font-weight:bold;
	text-align:center;
}

.lb4
{width:490px;
  float:left}

.lb5
{width:32px;
  float:right;}

.relative
{position:relative}

/*記入モード*/
.i-japan    {ime-mode:active}
.i-english  {ime-mode:disabled}
#i-japan    {ime-mode:active}
#i-english  {ime-mode:disabled}

input
{font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace}

.google_form
{display:inline}

.google_ad01
{ margin:15px 0px;}

.google_ad02
{ margin-bottom:10px;}

.google_ad03
{font-size:8pt;
  text-align:center;
	margin-bottom:5px}

.ad_336
{width:364px;
  text-align:center;
  float:left;
  margin:5px 0px}

#page-top
{position: fixed;
    bottom: 40px;
    right:60px;}

.link2
{ margin-top:30px;text-align:center}

/*矢印*/
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.sample5-4::before{
width: 12px;
height: 12px;
-webkit-border-radius: 25%;
border-radius: 25%;
background:#F60;
}
.sample5-4::after{
left: 3px;
width: 3px;
height: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}