@charset "shift-jis";

/* begin clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
	zoom: 1; /* for IE5.5 - IE7 */
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* end clearfix */


.center {
text-align:center;
}

/* PR
---------------------------------------------------- */
#pr {
	width:453px;
	height:15px;
	margin:0 0 0 0;
}

#pr_left {
	width:35px;
	float:left;
	padding-top:1px;
}

#pr_right {
	width:auto;
	float:left;
	padding-top:1px;
}

/* Bj[
---------------------------------------------------- */
#hide {
	width:780px;
	margin: 0 0 5px 0;
	overflow: hidden;
}

#hide a {
	color:#ffffff;
}

#hide a:link,visited,active {
	color:#ffffff;
}

#hide a:hover {
	color:#77BFE0;
}

#hide_top {
	padding:0;
	margin:0 0 1px 0;
	height:14px;
	color:#ffffff;
	text-align:right;
	background-color:#3F89C3;
}

#caption1 {
	padding:0;
	margin:0;
	float:left;
	background-image:url(../images/hide_menu_01.gif);
	background-repeat:no-repeat;
	width:195px;
	color:#ffffff;
	text-align:right;
	font-size:11px;
}

#caption2 {
	padding:0;
	margin:0;
	float:left;
	background-image:url(../images/hide_menu_02.gif);
	background-repeat:no-repeat;
	width:195px;
	color:#ffffff;
	text-align:right;
	font-size:11px;
}

#caption3 {
	padding:0;
	margin:0;
	float:left;
	background-image:url(../images/hide_menu_03.gif);
	background-repeat:no-repeat;
	width:195px;
	color:#ffffff;
	text-align:right;
	font-size:11px;
}

#caption4 {
	padding:0;
	margin:0;
	float:left;
	background-image:url(../images/hide_menu_04.gif);
	background-repeat:no-repeat;
	width:195px;
	color:#ffffff;
	text-align:right;
	font-size:11px;
}

#menu1 {
	visibility:hidden;
	position:absolute;
}

#menu2 {
	visibility:hidden;
	position:absolute;
}

#menu3 {
	visibility:hidden;
	position:absolute;
}

#menu4 {
	visibility:hidden;
	position:absolute;
}


/* Sy[W
---------------------------------------------------- */
iframe {
	padding:0;
	margin:0;
}


ul {
	padding: 0;
	display: block;
	margin: 0px;
	line-height: 1;
	text-align: left;
	list-style-type: none;
}

h1 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
	margin:0;
	padding:0;
}
h1#pan {
	font-size: 12px;
	color: #ffffff;
	line-height: 25px;
	font-weight: normal;
	margin:0;
	padding:0 10px;
}

h2 {
	width:auto;
	height:15px;
	background-color:#3F89C3;
	font-size:12px;
	color:#FFFFFF;
	padding:5px 8px;
	margin:10px 0 10px 0;
}

table {
	padding: 0;
	border: 0;
	line-height:110%;
}

ol {
	padding: 0;
	margin: 0;
}

a {
	text-decoration:none;
	color: #3F89C3;
}

a:link,active,visited {
	color: #3F89C3;
}

a:hover {
	color:#80B9E5;
}

body {
	background-color:#ffffff;
	/*margin-top:5px; margin-bottom:0px;*/
	margin:0;
	font-size:12px;
	line-height:140%;
	color:#4f4f4f;
	/*font-family : 'Hiragino Kaku Gothic Pro', 'lr oSVbN', 'Verdana', sans-serif;*/
	font:Verdana, sans-serif;
}

strong {
	font-weight:normal;
}

.clear {
	clear:both;
}

/*---▼clearfix---*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	line-height: 0;
	clear: both;
	visibility: hidden;
}  
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* for IE 5.5-7 */
.clearfix {
	zoom:100%;
}

/* O(Sy[W)
---------------------------------------------------- */
#wrapper {
	margin-left:auto;margin-right:auto;
	width:780px;
}

/* gbvobN{^
---------------------------------------------------- */
#button_top {
	margin:20px 0 0 10px;
}

/* ヘッダー
---------------------------------------------------- */
#header {
	width:780px;
}

#header_left {
	float:left;
	width:365px;
	text-align:right;
}

#header_right {
	float:right;
	width:415px;
	text-align:right;
}

/* サブナビゲーション
---------------------------------------------------- */
#sub_navi {
	padding-bottom:10px;
	font-size:10px;
	width:auto;
}

#sub_navi a{
	font-size:10px;
	width:auto;
}

/* ヘッダーバナー
---------------------------------------------------- */
#headBanner {
	width:320px;
	float:right;
	text-align: right;
}#headBanner a:hover {
	opacity: 0.7;
}

/* アフィリエイト
---------------------------------------------------- */
#aff_bg {
	background-image:url(../common/aff_bg2.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:310px;
	height:41px;
	float:right;
}

/* ナビゲーション
---------------------------------------------------- */
#navi_top {
	width:780px;
	height:34px;
	clear:both;
	margin:0;
	padding:0;
	overflow: hidden;
}
#navi_top ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#navi_top ul li {
	float:left;
	width:130px;
	height:34px;
	text-align:center;
	padding-top:5px;
	font-size:12px;
	font-weight:bold;
	background-image:url(/images/navi_bg_off.gif);
}
#navi_top ul li a {
	color:#ffffff;
	line-height:34px;
}
#navi_top ul li a:hover {
	color:#77bfe0;
}
#navi_top ul li.on a:hover,
#navi_top ul li.fast a:hover,
#navi_top ul li.fin a:hover {
	color:#ffffff;
}
#navi_top ul li.fast {
	background-image:url(/images/navi_bg_fast.gif);
	text-indent:25px;
}
#navi_top ul li.shadow {
	background-image:url(/images/navi_bg_shadow.gif);
	text-indent:5px;
}
#navi_top ul li.on {
	background-image:url(/images/navi_bg_on.gif);
	text-indent:10px;
}
#navi_top ul li.fin {
	background-image:url(/images/navi_bg_fin.gif);
	text-indent:10px;
}
#navi_top ul li.text01 {
	letter-spacing: -0.02em;
}
#navi_top ul li.text02 {
	letter-spacing: -0.05em;
}
#navi_top ul li.text03 {
	letter-spacing: -0.1em;
}


#navi_01 {
	background-image:url(../images/navi_01.gif);
	width:126px;
	height:34px;
}

#navi_02 {
	width:115px;
	height:34px;
}

#navi_03 {
	width:115px;
	height:34px;
}

#navi_04 {
	width:115px;
	height:34px;
}

#navi_05 {
	display:block;
	width:115px;
	height:34px;
}

#navi_06 {
	background-image:url(../images/navi_06.gif);
	display:block;
	width:126px;
	height:34px;
}

#navi_07 {
	display:block;
	width:115px;
	height:34px;
}

#navi_08 {
	display:block;
	width:115px;
	height:34px;
}

#navi_09 {
	display:block;
	width:115px;
	height:34px;
}

#navi_10 {
	background-image:url(../images/navi_10.gif);
	display:block;
	width:126px;
	height:34px;
}

#navi_11 {
	background-image:url(../images/navi_11.gif);
	display:block;
	width:126px;
	height:34px;
}

#navi_12 {
	display:block;
	width:115px;
	height:34px;
}

/* ナビゲーション
---------------------------------------------------- */
#navi_bottom {
	width:765px;
	height:24px;
	color:#ffffff;
	background-image:url(../common/navi_r.gif);
	background-repeat:no-repeat;
	padding:16px 0 0 15px;
}

#navi_bottom a {
	color:#ffffff;
}

#navi_bottom a:link,active,visited {
	color:#ffffff;
}

#navi_bottom a:hover {
	color:#F16F6F;
}

#navi_bottom ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#navi_bottom ul li {
	float:left;
	padding-right:11px;
	line-height:110%;
}

/* ナビゲーション
---------------------------------------------------- */
#navi_bottom2 {
	width:765px;
	height:24px;
	color:#ffffff;
	background-image:url(../common/navi_r2.gif);
	background-repeat:no-repeat;
	padding:16px 0 0 15px;
}

#navi_bottom2 a {
	color:#ffffff;
}

#navi_bottom2 a:active,visited,link {
	color:#ffffff;
}

#navi_bottom2 a:hover {
	color:#F16F6F;
}

#navi_bottom2 ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#navi_bottom2 ul li {
	float:left;
	padding-right:11px;
	line-height:110%;
}

/* welcome
---------------------------------------------------- */
#welcome {
	width:780px;
	height:34px;
	background-image:url(../images/welcome_bg.gif);
	background-repeat:no-repeat;
}

#welcome_left {
	width:500px;
	height:24px;
	color:#FFFFFF;
	float:left;
	padding:8px 0 0 17px;
}

#welcome_right {
	width:240px;
	height:24px;
	color:#FFFFFF;
	float:right;
	padding:0 0 0 23px;
}

.welcome_mar {
	margin:7px 0 0 20px;
}

/* パンくずナビ
---------------------------------------------------- */
#pan {
	width:765px;
	height:24px;
	background-image:url(../common/pan.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding:10px 0 0 15px;
	font-size:10px;
}

#pan a {
	text-decoration:none;
	color: #FFFFFF;
}

#pan a:link,active,visited {
	font-size:10px;
}

#pan a:hover {
	font-size:10px;
	color:#80B9E5;
}

/* pi(gallery.php)
---------------------------------------------------- */
#pan_gall {
	color:#FFFFFF;
	background-color:#3F89C3;
	padding:2px;
}

#pan_gall a {
	font-size:12px;
	text-decoration:none;
	color: #FFFFFF;
}

#pan_gall a:link,active,visited {
	font-size:12px;
}

#pan_gall a:hover {
	font-size:12px;
	color:#80B9E5;
}

/* chbg(gallery.php)
---------------------------------------------------- */
#dot01 {
	background-image:url(../images/dot.gif);
	background-repeat:repeat-y;
}

/* RecO(gbvy[W)
---------------------------------------------------- */
#contents {
	float:left;
	width:485px;
	margin:5px 0 20px 0;
	padding-right:5px;
}

#ceparate {
	border-top:#DBDBDB 1px solid;
	padding-top:10px;
	margin:20px 0;
}

#topBanner a  {
	margin: 0 0 5px 0;
	padding: 0;
}

/* gbvy[W@Eﾉバi[
---------------------------------------------------- */
#fto_s {
	padding:2px 0;
	margin:0;
}

#rapid_s {
	padding:2px 0;
	margin:0;
}

#kagoya_s {
	padding:2px 0;
	margin:0;
}

#tune_s {
	padding:2px 0;
	margin:0;
}

#wdl_s {
	padding:2px 0;
	margin:0;
}

#blog_s {
	padding:0;
	margin:0;
}


/* RecO(gallery.php)
---------------------------------------------------- */
#contents2 {
	float:left;
	width:534px;
	margin-top:10px;
}

/* RecO(Tuy[W)
---------------------------------------------------- */
#contents3 {
	float:left;
	width:485px;
	margin-top:5px;
	padding:0 5px 0 10px;
}

/* RecO(Tuy[W)ﾉ派1,h2
---------------------------------------------------- */
#contents3 h1 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
	border-bottom:1px dashed #3F89C3;
	margin:0;
	padding:0;
}

#contents3 h2 {
	width:auto;
	height:auto;
	background-color:#3F89C3;
	font-size:15px;
	color:#FFFFFF;
	padding:5px;
	margin:0;
}

#contents3 h3 {
	width:auto;
	height:15px;
	background-color:#3F89C3;
	font-size:12px;
	color:#FFFFFF;
	padding:1px 0px 0px 5px;
	margin:10px 0 10px 0;
}

#contents3 ul {
	padding:10px;
}

#contents3 ul li {
	line-height:145%;
}

/* Tuy[W@RecO
---------------------------------------------------- */
#sub_contents {
	float:left;
	width:760px;
	margin-top:5px;
	padding:0 10px 0 10px;
}

/* Tuy[W@RecOﾉ派1,h2
---------------------------------------------------- */
#sub_contents h1 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
	border-bottom:1px dashed #3F89C3;
	margin:0;
	padding:0;
}

#sub_contents h2 {
	width:auto;
	height:auto;
	background-color:#3F89C3;
	font-size:15px;
	color:#FFFFFF;
	padding:5px;
	margin:0;
}

/* Tuy[W@Rec
---------------------------------------------------- */
/*#sub_contents_left {
	clear:right;
	float:left;
	width:480px;
}
*/
/* Tuy[W@RecE
---------------------------------------------------- */
/*#sub_contents_right {
	clear:left;
	float:right;
	width:265px;
	padding:5px 0 0 0;
}
*/
/* ﾐ介文(gbvy[W)
---------------------------------------------------- */
#introduction {
	width:100%;
	padding-left:5px;
}

#introduction_txt {

}

#introduction_txt2 {
	margin-top:10px;
}

#introduction_example {
	font-size: 14px;
	color: #3F89C3;
	line-height:145%;
	margin-top:10px;
	width:350px;
}

#introduction_left {
	float:left;
	width:200px;
}

#introduction_right {
	float:right;
	width:150x;
}

p#f14_3f8 {
	font-size: 14px;
	color: #3F89C3;
	line-height: 145%;
}

/* トップページ7年
---------------------------------------------------- */
.tmj7th {
	background:url(../images/top/7th/7th_back.jpg) no-repeat 0 0;
	width: 485px;
	height: 363px;
	padding: 0;
	margin: 5px 0 0 0;
}
.tmj7th .title {
	text-indent: -999999px;
	height: 125px;
	padding: 0;
	margin:0;
}
.tmj7th .text {
	margin: 0 0 0 30px;
	padding: 0;
	height: 85px;
}
.tmj7th ul {
	margin: 0;
	padding: 0;
	height: 75px;
}
.tmj7th ul li {
	padding: 16px 0 0 25px;
	margin: 0 0 0 50px;
	background: url(../images/top/7th/icon.gif) no-repeat 0 13px;
	font-size: 14px;
	font-weight: bold;
	color: #cb0000;
}
.tmj7th .button {
	text-align: center;
}
.tmj7th .button a {
	display: block;
	margin: 0 auto;
	width: 431px;
	height: 44px;
	background: url(../images/top/7th/button_on.gif) no-repeat 0 0;
}
.tmj7th .button a img {
	border: 0;
}
.tmj7th .button a:hover {
	background: url(../images/top/7th/button_on.gif) no-repeat 0 0;
}
.tmj7th .button a:hover img {
	display: none;
}

/* トップページ編集方法リンクボタンエリア
---------------------------------------------------- */
.editlink {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.editlink li {
	width: 260px;
	height: 85px;
	float: left;
	margin: 0;
	padding: 0;
}
.editlink li a {
	display: block;
	width: 260px;
	height: 85px;
	text-indent: -999999px;
}
.editlink li.design a {
	background: url(../images/top/button_design.gif) no-repeat left top;
}
.editlink li.my a {
	background: url(../images/top/button_my.gif) no-repeat left top;
}
.editlink li.company a {
	background: url(../images/top/button_company.gif) no-repeat left top;
}
.editlink li.design a:hover {
	background: url(../images/top/button_design_on.gif) no-repeat left top;
}
.editlink li.my a:hover {
	background: url(../images/top/button_my_on.gif) no-repeat left top;
}
.editlink li.company a:hover {
	background: url(../images/top/button_company_on.gif) no-repeat left top;
}


/* トップページスライダーエリア
---------------------------------------------------- */
.sliderArea {
	width:780px;
	height:202px;
	margin: 10px 0 0 0;
	background: url(../images/top/slider/slider_back.gif) no-repeat left top;
	overflow: hidden;
}
/*パネル*/
.sliderArea .sliderPanels {
	float: left;
	width:534px;
	height:200px;
}
.sliderArea .sliderPanels p {
	height: 133px;
	text-indent: -999999px;
	margin: 0;
}
.sliderArea .sliderPanels a.button {
	text-indent: -999999px;
	display:block;
	width: 232px;
	height: 53px;
	margin-left: 289px;
	background: url(../images/top/slider/detail_button.png) no-repeat left top;
}
.sliderArea .sliderPanels a.buttonfull {
	text-indent: -999999px;
	display:block;
	width: 531px;
	height: 194px;
	margin-left: -5px;
	margin-top: -139px;
	background: url(../images/top/slider/detail_button_no.gif) no-repeat left top;
}
.sliderArea .sliderPanels a.button:hover {
	background: url(../images/top/slider/detail_button_ov.png) no-repeat left top;
}

.sliderArea .sliderPanels .panel00,
.sliderArea .sliderPanels .panel01,
.sliderArea .sliderPanels .panel02,
.sliderArea .sliderPanels .panel03 {
	width: 528px;
	height: 200px;
	margin: 4px 0 0 4px;
}

.sliderArea .sliderPanels .panel02Flash {
	width: 528px;
	height: 200px;
	margin: 4px 0 0 4px;
}
.sliderArea .sliderPanels .panel00 {
	background: url(../images/top/slider/images00.gif) no-repeat left top;
}
.sliderArea .sliderPanels .panel01 {
	background: url(../images/top/slider/images01.jpg) no-repeat left top;
}
.sliderArea .sliderPanels .panel02 {
	background: url(../images/top/slider/images02.jpg) no-repeat left top;
}
.sliderArea .sliderPanels .panel03 {
	background: url(../images/top/slider/images03.jpg) no-repeat left top;
}

/*ナビゲーション*/
.sliderArea ul.sliderNav {
	float: right;
	width:244px;
	padding-top: 2px;
}
.sliderArea ul.sliderNav li {
	width: 240px;
	height: 66px;
	line-height: 66px;
	font-size:18px;
	font-weight: bold;
	text-indent: 20px;
}
.sliderArea ul.sliderNav li a {
	width: 240px;
	height: 66px;
	background: url(../images/top/slider/button_back.png) no-repeat left top;
	display: block;
	color:#003056;
}
.sliderArea ul.sliderNav li.on a,
.sliderArea ul.sliderNav li a:hover {
	background: url(../images/top/slider/button_back_on.png) no-repeat left top;
}


/* トップページソーシャルリンクエリア
---------------------------------------------------- */
.social-link {
	overflow: hidden;
	margin: 10px 0;
}
.social-link p {
	float: left;
	margin: 0 10px 0 0;
}

/* トップページ検索エリア
---------------------------------------------------- */
#search {
	clear:both;
	width:100%;
	padding:5px 0 10px 0;
}
.topSsearchArea {
	border: 1px solid #c6c6c6;
	padding: 0;
	margin: 10px 0 0 0;
}
.topSsearchArea p {
	padding: 0;
	margin: 0;
}
.topSsearchArea .mainTitle {
	padding: 2px 2px 0 2px;
}
.topSsearchArea .searchBox {
	border-bottom: 1px dotted #4f4f4f;
	padding: 0 0 20px 0;
}
.topSsearchArea .searchBox .title {
	width: 426px;
	margin:10px 0 20px 10px;
}
.topSsearchArea .searchBox .form {
	width: 426px;
	margin: 0 10px;
}
.topSsearchArea .searchBox .form table.block {
	border: 1px solid #dd1212;
}
.topSsearchArea .searchBox .form table.block th {
	border-bottom: 1px solid #dd1212;
	background: #dd1212;
	color: #ffffff;
	padding: 5px 0;
}
.topSsearchArea .searchBox .form table.block td {
	background: #ffdede;
}

.topSsearchArea .searchBox .detail {
	margin: 0 40px;
}
.topSsearchArea .searchBox .detail .button {
	float: left;
	margin: 0 20px 0 0;
}
.topSsearchArea .searchBox .detail .text {
	float: left;
	padding: 10px 0 0 0;
}
.topSsearchArea .bottom {
	padding:2px;
}
.topSsearchArea a img {
	border: 0;
}

/* トップページ事例エリア
---------------------------------------------------- */
.topCseArea {
	background: url(../images/top/case/case_background.jpg) no-repeat left top;
	margin: 10px 0 0 0;
	height: 270px;
}
.topCseArea p {
	padding: 0;
	margin: 0;
}
.topCseArea .title {
	text-indent: -999999px;
	height: 51px;
}

.topCseArea .beforBox {
	float: left;
	width: 208px;
	margin: 0 0 0 31px;
}
.topCseArea .beforBox .name {
	font-size: 10px;
	margin: 12px 0 0 10px;
	height: 30px;
}
.topCseArea .beforBox .images {
	padding: 3px 0 0 3px;
}
.topCseArea .afterBox {
	float: left;
	margin: 3px 0 0 10px;
}
.topCseArea .afterBox .images {
	padding: 3px 0 0 3px;
}
.topCseArea .afterBox .images a img {
	border: 0;
}

/* トップページバナーエリア
---------------------------------------------------- */
#banner {
	width:100%;
}
#banner2 {
	margin-top:5px;
	width:100%;
}

/* ﾗてのテv[gV(gbvy[W)
---------------------------------------------------- */
#all {
	width:100%;
	text-align:center;
	padding-bottom:10px;
}

#all a {
	text-decoration:underline;
	font-weight:bold;
}

/* RSS
---------------------------------------------------- */
h2 a.rss {
	float: right;
}

/* ニュース一覧
---------------------------------------------------- */
#news_list {
	width:485px;
}

#news_list dl {
	font-size:12px;
	color: #4f4f4f;
	line-height:140%;
	width:475px;
	padding-left:5px;
	margin:0;
}

#news_list dt {
	width:120px;
	clear:left;
	float:left;
}

#news_list dd {
	margin-left:120px;
	width:355px;
}

/* ニュース
---------------------------------------------------- */
#news_list_news {
	width:auto;
	margin:10px 0 0 0;
}

#news_list_news dl {
	width:auto;
	margin:0 0 20px 0;
}

#news_list_news dt {
	width:120px;
	clear:left;
	float:left;
}

#news_list_news dd {
	margin-left:120px;
	width:355px;
}

/* ブログ一覧
---------------------------------------------------- */
#blog_list{
	width:453px;
}
#blog_list dl {
	font-size:12px;
	color: #4f4f4f;
	line-height:140%;
	width:475px;
	padding-left:5px;
	margin:0;
}
#blog_list dt {
	background: url(../images/topblog_icon.gif) no-repeat left 3px;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
}
#blog_list dd {
	padding: 0 0 2px 20px;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #cccccc;
}
#blog_list dd p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#blog_list .more {
	background: url(../images/topblog_arrow.gif) no-repeat 5px 6px;
	padding: 0 0 0 15px;
	margin: 10px 0 20px 0;
}
#blog_list .more img {
	vertical-align: middle;
}


/* ev[gX^[j[(gbvy[W)
---------------------------------------------------- */
#menu_box {
	width:453px;
	height:220px;
	padding:0 5px 0 5px;
	margin-bottom:10px;
}

#menu_box_left {
	float:left;
	width:220px;
}

#menu_box_right {
	float:right;
	width:220px;
	padding-right:10px;
}

/* [o^(gbvy[W)
---------------------------------------------------- */
#mail {
	clear:both;
	background-image:url(../images/mail_bg.gif);
	background-repeat:no-repeat;
	width:453px;
	height:75px;
	padding:30px 0px 0px 10px;
}

#mail_box_in {
	padding-left:5px;
	font-size:12px;
	color:#4f4f4f;
	line-height:145%;
}

form {
	width:auto;
	margin:0;
}

/* ﾌ体ニ[O(gbvy[W)
---------------------------------------------------- */
#etc_box {
	width:453px;
	padding:0 5px 0 5px;
}

#etc_box_left {
	float:left;
	width:220px;
	height:30px;
	margin:0;
}

#etc_box_right {
	float:right;
	width:220px;
	height:30px;
	margin:0;
}

#etc_box_left ul {
	margin:0;
	list-style-type:none;
	text-indent:-2000px;
}

#etc_box_right ul {
	margin:0 0 0 -5px;
	list-style-type:none;
	text-indent:-2000px;
}

/* フッター
---------------------------------------------------- */
#footer {
	background-image:url(../common/footer_pic.gif);
	background-repeat:no-repeat;
	clear:both;
	width:780px;
	margin:0 auto 0 auto;
	height:0;
	padding-top:30px;
	color: #3F89C3;
}
#footer .footerLink {
	overflow: hidden;
}
#footer .footerLink dl {
	float: left;
	width: 156px;
	margin: 10px 0;
}
#footer .footerLink dl dt {
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
}
#footer .footerLink dl dd {
	background: url(/images/bluearrow.gif) no-repeat 1px 4px;
	margin: 0 0 0 0;
	padding: 0 15px 0 10px;
}
#footer .footerCopy {
	border-top: 1px dotted #3F89C3;
	text-align: right;
	padding: 10px 0 0 0;
}

.twitterlink,
.facebooklink {
	position: fixed;
	right: 0;
	z-index: 999;
}

.twitterlink {
	top: 40px;
	width: 29px;
}
.facebooklink {
	top: 280px;
	width: 29px;
}

.twitterlink img,
.facebooklink img {
	border: none;
}



/* WIgO
---------------------------------------------------- */
#geo {
	width:100%;
	margin-top:10px;
}

/* ERecO(gbvy[W)
---------------------------------------------------- */
#side {
	margin:15px 0 20px 0;
	float:right;
	width:270px;
}

/* ERecO(gallery.php)
---------------------------------------------------- */
#side2 {
	margin-top:10px;
	float:right;
	width:241px;
}

#side2 #soto_box {
	clear:left;
	margin-bottom:10px;
	float:left;
}

/* サイド
---------------------------------------------------- */
#side3 {
	margin-top:10px;
	float:right;
	width:270px;
}

#soto_box {
	clear:left;
	margin-bottom:10px;
	float:left;
}

/* タグクラウド
---------------------------------------------------- */
.tagcloud {
	width:304px;
	margin-bottom:15px;
}
.tagcloud .tagtext {
	padding: 5px 0 5px 8px;
	border: 1px solid #c6c6c6;
	background: #f4f4f4;
	margin-bottom:1px;
	line-height: 24px;
}
.tagcloud .tagtext span {
	padding: 0 3px 0 0;
	margin:0;
}
.tagcloud .tagtext .ft01 a {
	font-size: 18px;
	color: #ff6600;
	font-weight: bold;
}
.tagcloud .tagtext .ft02 a {
	font-size: 14px;
	color: #3f89c3;
}
.tagcloud .tagtext .ft03 a {
	font-size: 18px;
	color: #0096e4;
	font-weight: bold;
}
.tagcloud .tagtext .ft04 a {
	font-size: 10px;
	color: #575757;
}
.tagcloud .tagtext .ft05 a {
	font-size: 10px;
	color: #a208d5;
}
.tagcloud .tagtext .ft06 a {
	font-size: 14px;
	color: #23810a;
}
.tagcloud p {
	margin: 0px;
	padding: 0px;
}

/* テンプレート
---------------------------------------------------- */
#templates {
	width:100%;
	margin-bottom:15px;
	overflow: hidden;
}
#templates .new_more {
	float: right;
	margin:15px 0 0 0;
}
#templates .new_more a {
	width: 207px;
	height: 30px;
	display: block;
}
#templates .new_more a:hover img {
	visibility: hidden;
}
#templates .new_more a:hover {
	background: url(/images/top_search_on.gif) no-repeat right top;
}

/* お問い合わせ
---------------------------------------------------- */
#support {
	margin:0 0 20px 0;
}

/* JeS[Xg(gp)
---------------------------------------------------- */
#cate {
	clear:left;
	border:1px solid #3F89C3;
	color:#3F89C3;
	padding:10px 0 10px 10px;
}

#cate ul {
	margin-top:5px;
}

#cate ul li {
	list-style-image:url(../images/bluearrow2.gif);
	line-height:140%;
	margin-left:15px;
}

/* アドセンス
---------------------------------------------------- */

#ads_banner {
	color:#3F89C3;
}

#ads_banner ul {
	padding:0;
	margin:0;
}

#ads_banner ul li {
	list-style-image:url(../images/bluearrow2.gif);
	line-height:200%;
	margin-left:15px;
}

/* パートナー
---------------------------------------------------- */
#partner {
	margin-top:10px;
	background-image:url(../images/partner.gif);
	background-repeat:no-repeat;
	height:23px;
	color:#FFFFFF;
	padding:10px 0 0 40px;
	clear: both;
}

#partner_box {
	width:100%;
}

#partner_box a {
	color: #DC1212;
}

#partner_box a:link,active,visited {
	color: #DC1212;
}

#partner_box a:hover {
	color:#FB7B7B;
}

#partner_list {
	float:left;
	width:100%;
	padding-top:10px;
}

#partner_list ul {
	padding: 0 0 0 20px; 
	margin: 0 10px;
}

#partner_list ul li {
	list-style-image:url(../images/list_img_partner.gif);
	color:#4f4f4f;
	line-height:140%;
	margin: 0 0 5px 0;
}

#partner_bottom {
	clear:both;
	background-image:url(../images/partner_bottom.gif);
	background-repeat:repeat-x;
	height:15px;
	padding-bottom:10px;
}

#border_box {
	height:90px;
	border:1px solid #3F89C3;
	padding:3px;
	margin-bottom:10px;
}

#label {
	color:#FFFFFF;
	font-size:12px;
	height:15px;
	background-color:#3F89C3;
	padding:2px 0px 0px 5px;
}

#mail_box2 {
	margin-top:10px;
	padding-left:5px;
	font-size:12px;
	color:#4f4f4f;
	line-height:145%;
}

.t_ind {
	text-indent:8pt;
}

/* y[W2J
---------------------------------------------------- */
#sub_contents #left {
	margin-top:10px;
	width:200px;
	float:left;
}

#sub_contents #right {
	margin-top:10px;
	width:540px;
	float:right;
}

#right #left {
	width:270px;
	float:left;
}

#right #right {
	width:260px;
	float:right;
	padding-left:10px;
}

#sub_contents dl {
	width:auto;
	margin:0 0 1px 0;
}

#sub_contents dt {
	width:380px;
	clear:left;
	float:left;
}

#sub_contents dd {
	margin-left:380px;
	width:370px;
}

/* y[WXg
---------------------------------------------------- */
#left ul{
	padding:5px;
}

#left ul li{
	line-height:170%;
}

#right ul{
	padding:5px;
}

#right ul li{
	line-height:170%;
}

.search_list_cate {
	border-bottom:1px solid #3f89c3;
	font-weight:bold;
	color:#3f89c3;
}

/* x@{bNX
---------------------------------------------------- */
#payment {
	float:left;
	width:760px;
	margin-top:5px;
	padding:0 10px 0 10px;
}

#payment h1 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
	border-bottom:1px dashed #3F89C3;
	margin:0;
	padding:0;
}

#payment h2 {
	width:auto;
	background-color:#005497;
	font-size:12px;
	color:#FFFFFF;
	padding:1px 0px 0px 5px;
	margin:0;
}

#pay_box {
	border-left:1px solid #005497;
	border-right:1px solid #005497;
	border-bottom:1px solid #005497;
	margin:0;
	padding:10px;
}

/* スタッフ
---------------------------------------------------- */
#staff {
	float:left;
	width:760px;
	margin-top:5px;
	padding:0 10px 0 10px;
}

#staff h1 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
	border-bottom:1px dashed #3F89C3;
	margin:0;
	padding:0;
}

#staff dl {
	width:auto;
	margin:0 0 1px 0;
	background-color:#3F89C3;
	color:#ffffff;
	padding:10px;
}

#staff dt {
	width:50px;
	clear:left;
	float:left;
}

#staff dd {
	margin-left:70px;
	width:660px;
}

/* サンプル
---------------------------------------------------- */
#sample {
	float:left;
	width:485px;
	margin-top:5px;
	padding:0 5px 0 10px;
}

#sample h1 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
	border-bottom:1px dashed #3F89C3;
	margin:0;
	padding:0;
}

#sample h2 {
	width:auto;
	height:auto;
	background-color:#3F89C3;
	font-size:15px;
	color:#FFFFFF;
	padding:5px;
}

#sample dl {
	width:242px;
	margin:0 0 20px 0;
	float:left;
}

#sample dt {
	margin:0;
	text-align: left;
}

#sample dd {
	margin: 2px 0 0 0;
	text-align: left;
}

/* オンラインヘルプ
---------------------------------------------------- */
#ol_help {
	float:left;
	width:760px;
	margin-top:5px;
	padding:0 10px 0 10px;
}

#ol_help h1 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
	border-bottom:1px dashed #3F89C3;
	margin:0;
	padding:0;
}

#ol_help #left {
	width:230px;
	float:left;
}

#ol_help #right {
	width:490px;
	float:right;
}

#main {
	float:left;
	background-image:url(../ol_help/images/bg.gif);
	background-repeat:repeat-y;
	width:760px;
	margin-top:15px;
}	

/* NG[^[
---------------------------------------------------- */
.bottom_dashed {
	border-bottom:1px dashed #3f89c3;
}

/* FAQ
---------------------------------------------------- */
#faq {
	float:left;
	width:760px;
	margin-top:5px;
	padding:0 10px 0 10px;
}
#faq h1 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
	border-bottom:1px dashed #3F89C3;
	margin:0;
	padding:0;
}
#faq #left {
	width:370px;
	float:left;
	margin-top:15px;
}
#faq #right {
	width:370px;
	float:right;
	margin-top:15px;
}
#faq ul {
	line-height:150%;
	list-style-type:decimal;
	margin-left:25px;
}
.txt_ind_1 {
	text-indent:5px;
}

#ans1 {
	clear:both;
	text-indent:5px;
	background-color:#69A0CC;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 145%;
}
#ans2 {
	text-indent:5px;
	background-color:#005497;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 145%;
}
#ans3 {
	text-indent:5px;
	background-color:#61B1F0;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 145%;
}
#ans4 {
	text-indent:5px;
	background-color:#69A0CC;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 145%;
}

/* old
---------------------------------------------------- */
#spacer {
	height:10px;
}
.bottom {
	margin-bottom:0;
}
.bold {
	font-weight:bold;
}
.txt9 {
	font-size: 10px;
	line-height: 145%;
}
.txt9b {
	font-size: 10px;
	line-height: 145%;
	color: #3F89C3;
}
.txt11 {
	font-size: 11px;
	line-height: 145%;
}
.txt11b {
	font-size: 11px;
	line-height: 145%;
	color: #3F89C3;
}
.txt10 {
	font-size: 12px;
	line-height: 145%;
	color: #4f4f4f;
}
.txt12 {
	font-size: 14px;
	line-height: 145%;
}
.txt12bold {
	font-size: 14px;
	line-height: 145%;
	font-weight: bold;
}
.txt12bbold {
	font-size: 14px;
	line-height: 160%;
	font-weight: bold;
	color: #3F89C3;
}
.txt12w {
	font-size: 14px;
	line-height: 145%;
	color: #FFFFFF;
}
.txt12r {
	font-size: 14px;
	color: #DD1212;
	line-height: 145%;
}
.txt12o {
	font-size: 14px;
	color: #E47911;
	line-height: 145%;
}
.txt12b {
	font-size: 14px;
	color: #3F89C3;
	line-height: 145%;
}
.txt10w {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 145%;
}
.txt10r {
	font-size: 12px;
	color: #DD1212;
	line-height: 145%;
}
.txt10o {
	font-size: 12px;
	color: #E47911;
	line-height: 145%;
}
.txt10b {
	font-size: 12px;
	color: #3F89C3;
	line-height: 145%;
}
.txt10b2 {
	font-size: 12px;
	color: #00518F;
	line-height: 145%;
}
.txt10b2bold {
	font-size: 12px;
	color: #00518F;
	font-weight: bold;
	line-height: 145%;
}
.txt18 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
}
.txt18b5 {
	font-size: 18px;
	color: #005497;
	line-height: 145%;
}
.txt18b7 {
	font-size: 18px;
	color: #0074CE;
	line-height: 145%;
}
.white {
	background-color:#ffffff;
}
.gray1 {
	background-color:#EEEEEE;
}
.blue {
	background-color:#3F89C3;
}
.blue2 {
	background-color:#E1F2FF;
}
.blue3 {
	background-color:#61B1F0;
}
.blue4 {
	background-color:#69A0CC;
}
.blue5 {
	background-color:#005497;
}
.blue6 {
	background-color:#52B6DD;
}
.blue7 {
	background-color:#0074CE;
}
/*
.red {
	background-color:#DD1212;
}
*/
.red2 {
	background-color:#C8352E;
}
.navi_red {
	background-image:url(../common/navi_red.gif);
	background-repeat:repeat-x;
}

/* {[_[
---------------------------------------------------- */
.border {
	border:1px solid #3F89C3;
}
.border2 {
	border:1px solid #005497;
}
.border3 {
	border:2px solid #DD1212;
	background-color:#ffeeee;
}
.border_bottom {
	border-bottom:1px solid #3F89C3;
}
.pad3 {
	padding:3px 0 3px 0;
}
.whitelink {
	color:#ffffff;
}
.buttonlinks {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.headerblock {
	background-color:#3F89C3;
	width:195px;
	vertical-align:middle;
	text-align:center;
	padding:4px;
	padding-right:12px;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
}
.light_blue {
	color:#2977A1;
	font-weight:bold;
	font-size:12px;
}
.borderall {
	border-width:1px;
	border-style:solid;
	border-color:#b4b4b4;
}
.bordermenu {
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
}
.menubg {
	background-color:#F1F1F1;
}
.green {
	color:#38BC8C;
	font-weight:bold;
}
.grey {
	font-weight:none;
	font:100;
	color:#6E6F6F;
	font-family:Verdana;
	text-decoration:none;
}
.border_4f4f4f {
	border-bottom:1px solid #4F4F4F;
}


/*f
---------------------------------------------------- */
#contents_sozai {
	float:left;
	width:780px;
	margin-top:5px;
	/*padding-right:5px;*/
}
.sozai_box {
	border:1px solid #000000;
	text-align:center;
	height:auto;
}
.sozai_box_sound {
	width:145px;
	height:120px;
	border:1px solid #000000;
	text-align:center;
}
.sozai_menu {
	background-color:#3F89C3;
	vertical-align:middle;
	padding:5px 10px;
	text-align:center;
}
.sozai_menu_red {
	background-color:#dd1212;
	vertical-align:middle;
	padding:5px 10px;
	text-align:center;
}
.sozai_menu a {
	color:#ffffff;
}
.sozai_menu a:link,visited,active {
	color:#ffffff;
}
.sozai_menu a:hover {
	color:#80B9E5;
}
.blue_free {
	background-color:#3F89C3;
}
.blue_free a {
	color:#ffffff;
}
.blue_free a:link,visited,active {
	color:#ffffff;
}
.blue_free a:hover {
	color:#80B9E5;
}

/*
---------------------------------------------------- */
.red {
	color:#DC1212;
}
.red a {
	color:#DC1212;
}
.red a:link,visited,active {
	color:#DC1212;
}
.red a:hover {
	color:#FB7B7B;
}
.redbold {
	color:#DC1212;
	font-weight:bold;
	font-size:12px;
}
.redbold_2 {
	color:#DC1212;
	font-weight:bold;
	text-decoration:underline;
}
.red_2 {
	color:#DC1212;
	text-decoration:underline;
}
#contents_hyouji {
	float:left;
	width:534px;
}
#hidari_yori {
	float:left;
	padding-right:15px;
}
#migi_yori {
	float:right;
}
.show_menu_blue_b {
	color:#3f89c3;
	font-weight:bold;
	font-size:12px;
}

/* テンプレ一覧 表示順
---------------------------------------------------- */
dl.sequence {
	overflow: hidden;
	padding: 10px 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #3f89c3;
}
dl.sequence dt {
	padding: 0;
	margin: 0 0 5px 0;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 100px;
	color: #3f89c3;
}
dl.sequence dd {
	padding: 0;
	margin: 0 0 5px 10px;
	float: left;
	width: 400px;
}

/*  一覧 検索窓
---------------------------------------------------- */
table.list_search th {
	font-weight: normal;
	text-align: right;
}

/*  サイド 検索窓
---------------------------------------------------- */
#side_search {
	background: url(../images/side/search_title.gif) no-repeat left top;
	border-top:1px solid #dd1212;
	border-left:1px solid #dd1212;
	border-right:1px solid #dd1212;
	height:40px;
	color:#ffffff;
	padding:0 0 0 40px;
	font-size:13px;
	line-height: 35px;
	width:auto;
}
#side_search_contents {
	border-bottom:1px solid #dd1212;
	border-left:1px solid #dd1212;
	border-right:1px solid #dd1212;
	background-color:#ffffff;
	float:left;
	padding:0;
	margin:0;
	color:#4f4f4f;
	width:auto;
}
#side_search_contents dl {
	width:263px;
	margin:0;
	padding:5px 0 5px 5px;
	overflow: hidden;
}
#side_search_contents dl.item dt {
	width:95px;
	float:left;
	margin: 0;
	padding: 0;
}
#side_search_contents dl.item dd {
	float:right;
	width:160px;
	text-align: left;
	margin: 0;
	padding: 0;
}
#side_search_contents dl.item dd select,
#side_search_contents dl.item dd input {
	width:150px;
	margin: 0;
	padding: 0;
}

/*  検索窓 共通
---------------------------------------------------- */
/* 色検索 */
#side_search_contents dl.color dt {
	width:50px;
	float:left;
	margin: 0;
	padding: 0;
}
#side_search_contents dl.color dd {
	float:right;
	width:198px;
	height:22px;
	text-align: left;
	margin: 0 8px 0 0;
	padding: 0;
	background:url(../images/side/color_list.gif) no-repeat left top;
}
table.list_search .color {
	width:198px;
	height:22px;
	text-align: left;
	margin: 0;
	padding: 0;
	background:url(../images/side/color_list.gif) no-repeat left top;
}
table.list_search .color ul,
#side_search_contents dl.color dd ul {
	padding: 5px 0 0 5px;
}
table.list_search .color ul li,
#side_search_contents dl.color dd ul li {
	float:left;
	width:12px;
	height:12px;
	margin: 0 4px 0 0;
	padding: 0;
}
table.list_search .color ul li img,
#side_search_contents dl.color dd ul li img {
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
table.list_search .color ul li.red,
#side_search_contents dl.color dd ul li.red {
	background:url(../images/side/color_list.gif) no-repeat -5px -5px;
}
table.list_search .color ul li.orange,
#side_search_contents dl.color dd ul li.orange {
	background:url(../images/side/color_list.gif) no-repeat -21px -5px;
}
table.list_search .color ul li.yellow,
#side_search_contents dl.color dd ul li.yellow {
	background:url(../images/side/color_list.gif) no-repeat -37px -5px;
}
table.list_search .color ul li.green,
#side_search_contents dl.color dd ul li.green {
	background:url(../images/side/color_list.gif) no-repeat -53px -5px;
}
table.list_search .color ul li.lightblue,
#side_search_contents dl.color dd ul li.lightblue {
	background:url(../images/side/color_list.gif) no-repeat -69px -5px;
}
table.list_search .color ul li.blue,
#side_search_contents dl.color dd ul li.blue {
	background:url(../images/side/color_list.gif) no-repeat -85px -5px;
}
table.list_search .color ul li.pink,
#side_search_contents dl.color dd ul li.pink {
	background:url(../images/side/color_list.gif) no-repeat -101px -5px;
}
table.list_search .color ul li.purple,
#side_search_contents dl.color dd ul li.purple {
	background:url(../images/side/color_list.gif) no-repeat -117px -5px;
}
table.list_search .color ul li.brown,
#side_search_contents dl.color dd ul li.brown {
	background:url(../images/side/color_list.gif) no-repeat -133px -5px;
}
table.list_search .color ul li.gray,
#side_search_contents dl.color dd ul li.gray {
	background:url(../images/side/color_list.gif) no-repeat -149px -5px;
}
table.list_search .color ul li.white,
#side_search_contents dl.color dd ul li.white {
	background:url(../images/side/color_list.gif) no-repeat -165px -5px;
}
table.list_search .color ul li.black,
#side_search_contents dl.color dd ul li.black {
	background:url(../images/side/color_list.gif) no-repeat -181px -5px;
}

table.list_search .color ul li.redOn,
#side_search_contents dl.color dd ul li.redOn {
	background:url(../images/side/color_list.gif) no-repeat -5px -27px;
}
table.list_search .color ul li.orangeOn,
#side_search_contents dl.color dd ul li.orangeOn {
	background:url(../images/side/color_list.gif) no-repeat -21px -27px;
}
table.list_search .color ul li.yellowOn,
#side_search_contents dl.color dd ul li.yellowOn {
	background:url(../images/side/color_list.gif) no-repeat -37px -27px;
}
table.list_search .color ul li.greenOn,
#side_search_contents dl.color dd ul li.greenOn {
	background:url(../images/side/color_list.gif) no-repeat -53px -27px;
}
table.list_search .color ul li.lightblueOn,
#side_search_contents dl.color dd ul li.lightblueOn {
	background:url(../images/side/color_list.gif) no-repeat -69px -27px;
}
table.list_search .color ul li.blueOn,
#side_search_contents dl.color dd ul li.blueOn {
	background:url(../images/side/color_list.gif) no-repeat -85px -27px;
}
table.list_search .color ul li.pinkOn,
#side_search_contents dl.color dd ul li.pinkOn {
	background:url(../images/side/color_list.gif) no-repeat -101px -27px;
}
table.list_search .color ul li.purpleOn,
#side_search_contents dl.color dd ul li.purpleOn {
	background:url(../images/side/color_list.gif) no-repeat -117px -27px;
}
table.list_search .color ul li.brownOn,
#side_search_contents dl.color dd ul li.brownOn {
	background:url(../images/side/color_list.gif) no-repeat -133px -27px;
}
table.list_search .color ul li.grayOn,
#side_search_contents dl.color dd ul li.grayOn {
	background:url(../images/side/color_list.gif) no-repeat -149px -27px;
}
table.list_search .color ul li.whiteOn,
#side_search_contents dl.color dd ul li.whiteOn {
	background:url(../images/side/color_list.gif) no-repeat -165px -27px;
}
table.list_search .color ul li.blackOn,
#side_search_contents dl.color dd ul li.blackOn {
	background:url(../images/side/color_list.gif) no-repeat -181px -27px;
}

/* ボタン */
table.list_search .search_button,
#side_search_contents .search_button {
	text-align: center;
	margin: 10px;
	padding: 0;
	background:url(/images/side/search_button_ov.gif) no-repeat center top;

}
table.list_search .search_button input:hover,
#side_search_contents .search_button input:hover {
	opacity: 0.0;
	/* IE */
	filter: alpha(opacity=0);
}

/*  サイドボックス
---------------------------------------------------- */
#side_box {
	background-color:#3F89C3;
	height:18px;
	color:#FFFFFF;
	padding:5px 5px 3px 5px;
	font-size:13px;
	width:260px;
}
#side_box_contents {
	border-bottom:1px solid #3F89C3;
	border-left:1px solid #3F89C3;
	border-right:1px solid #3F89C3;
	padding:5px;
	margin:0;
	color:#4f4f4f;
	width:258px;
}
#side2 #side_box {
	background-color:#3F89C3;
	height:18px;
	color:#FFFFFF;
	padding:0 0 0 5px;
	font-size:13px;
	width:236px;
}
#side2 #side_box_contents {
	border-bottom:1px solid #3F89C3;
	border-left:1px solid #3F89C3;
	border-right:1px solid #3F89C3;
	padding:5px;
	margin:0;
	color:#4f4f4f;
	width:229px;
}

/* トップサイド広告
---------------------------------------------------- */
.editArea {
	clear: both;
}
.editArea .image {
	float: left;
	width: 120px;
	margin: 0 0 10px 0;
}
.editArea .image img {
	border: 1px solid #CCC;
}
.editArea dl {
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
}
.editArea dl dt {
	margin: 0;
	padding: 0 10px 5px 10px;
	border-bottom: 1px dotted #CCC;
	font-weight: bold;
	color: #3f89c3;
}
.editArea dl dd {
	margin: 0;
	padding: 5px 10px 0 10px;
	font-size: 11px;
}

/* y[W
---------------------------------------------------- */
#sub_kensaku_text{
	float:left;
}
#sub_kensaku_line{
	float:right;
	width:600px;
	height:25px;
	background-image:url(../search/images/dod_line.gif);
	background-repeat:repeat-x;
}
#sub_news_list {
	width:470px;
	padding:20px 0 0 0;
}
#sub_news_list dl {
	font-size:12px;
	color: #4f4f4f;
	line-height:140%;
	width:470px;
	padding-left:5px;
	margin:0;
}
#sub_news_list dt {
	width:80px;
	clear:left;
	float:left;
}
#sub_news_list dd {
	margin-left:100px;
	width:360px;
	padding:0 0 15px 0;
}

/* j[X
---------------------------------------------------- */
#sub_news_text{
	float:left;
}
#sub_news_line{
	float:right;
	width:360px;
	height:25px;
	background-image:url(../news/images/dod_line.gif);
	background-repeat:repeat-x;
}
#sub_news_list {
	width:470px;
	padding:20px 0 0 0;
}
#sub_news_list dl {
	font-size:12px;
	color: #4f4f4f;
	line-height:140%;
	width:470px;
	padding-left:5px;
	margin:0;
}
#sub_news_list dt {
	width:80px;
	clear:left;
	float:left;
}
#sub_news_list dd {
	margin-left:100px;
	width:360px;
	padding:0 0 15px 0;
}

/* 闖､
---------------------------------------------------- */
#sub_tokutei_text{
	float:left;
}
#sub_tokutei_line{
	float:right;
	width:440px;
	height:25px;
	background-image:url(../tokutei/images/dod_line.gif);
	background-repeat:repeat-x;
}
#sub_news_list {
	width:470px;
	padding:20px 0 0 0;
}
#sub_news_list dl {
	font-size:12px;
	color: #4f4f4f;
	line-height:140%;
	width:470px;
	padding-left:5px;
	margin:0;
}
#sub_news_list dt {
	width:80px;
	clear:left;
	float:left;
}
#sub_news_list dd {
	margin-left:100px;
	width:360px;
	padding:0 0 15px 0;
}

/* アフィリエイトリンク
---------------------------------------------------- */
.aff_link {
	color:#ffffff;
}
.aff_link a {
	color:#ffffff;
}
.aff_link a:link,visited,active {
	color:#ffffff;
}
.aff_link a:hover {
	color:#80B9E5;
}


/* ﾒ集T[rXtH[
---------------------------------------------------- */
#thumb_box {
	width:auto;
	height:100px;
}
#thumb {
	float:left;
	width:125px;
	padding-right:10px;
	text-align:center;
}
#example {
	float:left;
	width:760px;
	margin:0 0 10px 0;
	padding:0;
}
#example dl {
	width:740px;
	margin:0;
	padding:5px 0 5px 0;
}
#example dt {
	width:125px;
	clear:left;
	float:left;
	text-align:center;
}
#example dd {
	margin-left:135px;
	width:auto;
}

/* wﾒ壬y[W
---------------------------------------------------- */
#css_sum_be {
	color:#5561ff;
	line-height:145%;
	font-size:28px;
}
#css_sum_af {
	color:#ff0000;
	font-size:20px;
	font-weight:bold;
	line-height:145%;
}
#css_tag_font {
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
}
#css_tag_border {
	border-style:solid;
	border-width:5px 5px 5px 5px;
	font-size:14px;
	border-color:#ff0000;
}
#css_tag_bg {
	background-color:#ff0000;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}

/* p
---------------------------------------------------- */
.utilization_box {
	float:left;
	width:465px;
	background-color:#F3F3F3;
	padding:10px;
	margin:10px 0;
}
.utilization_box_left {
	float:left;
	width:140px;
}
.utilization_box_right {
	float:left;
	width:315px;
}
.utili_howto_box {
	float:left;
	width:485px;
	margin:10px 0;
}
.utili_howto_box_left {
	float:left;
	background-image:url(../images/bg-index-red.gif);
	background-repeat:no-repeat;
	width:210px;
	height:100px;
	color:#fff;
	padding:10px;
}
.utili_howto_box_right {
	margin-left:5px;
	float:right;
	background-image:url(../images/bg-index-red.gif);
	background-repeat:no-repeat;
	width:210px;
	height:100px;
	color:#fff;
	padding:10px;
}

/* p
---------------------------------------------------- */
#exam {
	float:left;
	width:485px;
	margin-top:5px;
	padding:0 5px 0 10px;
}
#exam h1 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
	border-bottom:1px dashed #3F89C3;
	margin:0;
	padding:0;
}
#exam h2 {
	width:auto;
	height:auto;
	background-color:#3F89C3;
	font-size:15px;
	color:#FFFFFF;
	padding:5px;
	margin:10px 0 0 0;
}
.real_exam {
	float:left;
	width:auto;
	margin-bottom:10px;
}
.real_exam_left {
	float:left;
	width:235px;
}
.real_exam_right {
	padding-left:10px;
	float:left;
	width:235px;
}

/* ]n
---------------------------------------------------- */
.pad-t_10 {
	padding-top:10px;
}
.pad-b_10 {
	padding-bottom:10px;
}
.mar-b_15 {
	margin-bottom:15px;
}
.mar-t_15 {
	margin-top:15px;
}

/* 竄｢?ｹ
---------------------------------------------------- */
#hp_application {
	width:760px;
	float:left;
	margin:15px 0;
}
#hp_application_left {
	float:left;
}
#hp_application_right {
	padding-left:20px;
	float:left;
	width:239px;
}

/* キャンペーンページ
---------------------------------------------------- */
#campaign {
	float:left;
	width:485px;
	margin-top:5px;
	padding:0 5px 0 10px;
}
#campaign h1 {
	font-size: 18px;
	color: #3F89C3;
	line-height: 145%;
	border-bottom:1px dashed #3F89C3;
	margin:0;
	padding:0;
}
#campaign h2 {
	width:auto;
	height:auto;
	background-color:#3F89C3;
	font-size:15px;
	color:#FFFFFF;
	padding:5px;
	margin:10px 0 10px 0;
}
#campaign h3 {
	width:485px;
	height:15px;
	background-color:#dd1212;
	font-size:12px;
	color:#FFFFFF;
	padding:1px 0px 0px 5px;
	margin:10px 0 10px 0;
}
#campaign ul {
	padding:10px;
}
#campaign ul li {
	list-style-image:url(../images/list_img_partner.gif);
	line-height:140%;
	margin-left:10px;
	color:#4F4F4F;
	clear:both;
}
.buyback {
	/*clear:both;*/
	width:485px;
	float:left;
	margin-bottom:20px;
}
.buyback_left {
	width:211px;
	float:left;
}
.buyback_right {
	padding-left:10px;
	width:254px;
	float:left;
}

/* ここからEC CUBE_DesignPack用
---------------------------------------------------- */
#eccube_dp {
	float:left;
	width:780px;
	margin-top:5px;
	padding:0;
	background-color:#FFFFFF;
}
#eccube_dp h1{
	margin:0 0 30px 0;
	padding:0;
}
#eccube_dp .h2_sttl{
	margin:0 0 20px 0;
	padding:0;
	background-color:#FFFFFF;
	border:none;
}
#eccube_dp .demo_sttl{
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:1.7em;
}
#eccube_dp .answer_image{
	margin:0 0 10px 15px;
	padding:0;
}
#eccube_dp .kugiri{
	margin:10px 0 10px 0;
	padding:0;
}
#eccube_dp #sttl_box{
	margin:0 0 50px 0;
	padding:0;
}
#eccube_dp .number_box{
	margin:0 0 20px 15px;
	padding:0 0 0 15px;
	border-left:10px solid #FF6600;
	clear:both;
	
}
#eccube_dp .photo_box{
	margin:0 0 15px 0;
	padding:0 0 0 0;	
}
#eccube_dp .photo_image{
	margin:0 10px 0 0;
	padding:0;
	border:1px solid #333333;
}
#eccube_dp .number_image{
	margin:0 0 10px 0;
	padding:0;
}
#eccube_dp .logo_image{
    float:left;
	margin:0 15px 0 0;
	padding:0;
}
#eccube_dp .logo_txt{
    float:right;
	margin:0;
	padding:0;
}
#eccube_dp .logo_box{
	margin:0;
	padding:0;
	clear:both;
}
#eccube_dp .tel_box01{
	margin:0 0 0 15px;
	padding:0;
}
#eccube_dp .tel_box02{
	margin:0 0 15px 15px;
	padding:0;
}
#eccube_dp .eccube_box{
background-image:url(../ec/images/eccube_boxbk.gif);
background-repeat:no-repeat;
height:195px;
width:213px;
	padding:8px 5px 5px 5px;
	margin:0 0 0 20px;
	text-align:center;
	font-size:12px;
		float:right;
}
#eccube_dp .eccube_box_non{
background-image:url(../ec/images/eccube_boxbk.gif);
background-repeat:no-repeat;
height:195px;
width:213px;
	padding:8px 5px 5px 5px;
	margin:0 0 0 0;
	text-align:center;
	font-size:12px;
		float:right;
}
#eccube_dp .eccube_demo_box{
background-image:url(../ec/images/eccube_demo_boxbg.gif);
background-repeat:no-repeat;
height:311px;
width:584px;
padding:15px 0 0 0;
margin:0 auto 20px auto;
text-align:center;
}
#eccube_dp .eccube_boxttl{
	padding:0;
	margin:0 0 5px 0;
	font-size:14px;
	font-weight:bold;
}
#eccube_dp #eccube_bunnerwaku{
	padding:0;
	margin:0 auto 20px auto;
	text-align:center;
	width:466px;
}
#eccube_dp .eccube_btn{
padding:0;
	margin:10px 0 0 0;
}
#eccube_dp #eccube_bunnerwaku02{
	padding:0;
	margin:10px 0 0 0;
	text-align:center;
	width:500px;
}
#eccube_dp .eccube_box02{
background-image:url(../ec/images/eccube_boxbk.gif);
background-repeat:no-repeat;
height:195px;
width:213px;
padding:8px 5px 5px 5px;
margin:0 20px 0 0;
text-align:center;
font-size:12px;
float:left;
}
#eccube_dp .works{
	clear: both;
	margin: 15px 0 0 20px;
}
#eccube_dp .works .img{
	padding: 2px;
	border: 1px solid #0066CC;
	float: left;
}
#eccube_dp .works .text{
	margin-left:20px;
	float: left;
}
#eccube_dp .works .tit{
	font-size:12px;
	font-weight:bold;
}

/* ここから無料テンプレート用
---------------------------------------------------- */
.red a:link, .red a:active, .red a:visited  {
	text-decoration:underline;
}
.red a:hover {
	text-decoration:none;
}
.ft_browse {
	margin:10px 0 0 0;
	padding:0;
	text-align:right;
	color:#2C6FAC;
}
.ft_browse a {
	color:#2C6FAC;
	text-decoration:none;
}
.ft_browse a:link,active,visited {
	color:#2C6FAC;
	text-decoration:none;
}
.ft_browse a:hover {
	color:#86BEF2;
}
#ft_box {
	margin:0;
	padding:0;
}
.ft_left {
	margin:10px 2px;
	padding:0;
	width:156px;
	float:left;
}
.ft_left p {
	margin:5px;
	text-align:center;
	background-color:#3f89c3;
	color:#ffffff;
}
.ft_left a:link, .ft_left a:active, .ft_left a:visited {
	color:#ffffff;
	text-decoration:none;
}
.ft_left a:hover {
	color:#ffffff;
	text-decoration:underline;
}

/*-----------------2009/6/29追加 class tempedit-------------*/

.tempedit{
	width:308px;
	border:#cccccc solid 1px;
	margin:10px 0 0 0;
	padding:10px 0 15px 0;
	background-color: #000000;
	background-image: url(../images/tempeditBanner_bg.gif);
	background-repeat: repeat-x;
	text-align:center;
}


.tempedit .bannerImage{
	padding:10px 19px;
}

.tempedit .bannerImage_link{
	font-size:10px;
	margin:0;
}

.tempedit .bannerImage_img{
	width:112px;
	padding:0 0 18px 5px;
	background-image: url(../images/tempeditBanner_bg02.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
*html .tempedit .bannerImage_img{
	background-position: 5px bottom;
}


.tempedit .bannerImage_img p{
	width:100px;
	height:100px;
	background-color:#ffffff;
	border:solid #cccccc 1px;
	padding:2px;
	margin:0;
}

.tempedit .bannerImage_left{
	float:left;
	width:120px;
	margin-right:25px;
	text-align:center;
	padding-left:5px;
}

.tempedit .bannerImage_right{
	float:left;
	width:120px;
	text-align:center;
}

/*-----------------テンプレート編集パートナー-------------*/
.partnerEntry .entryBtn {
	padding: 10px 0 30px 0;
	text-align:center;
}

/*-----------------ギャラリー一覧ページメインテキスト-------------*/
.galleryTopText {
	border-top: 2px solid #3F89C3;
	padding: 5px 0 10px 0;
	line-height: 140%;
}
.galleryTopText h1 {
	border-bottom: 1px dotted #3F89C3;
	padding: 0 10px 5px 10px;
}
.galleryTopText p {
	padding: 0 10px;
}

/*-----------------ギャラリー一覧ページページング-------------*/
div.pagination {
	padding: 3px;
	text-align:center;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #d9d9d9;
	text-decoration: none;
	color: #126d9c;
}
div.pagination a:hover, div.digg a:active {
	border: 1px solid #084373;
	color: #084373;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #126d9c;
	font-weight: bold;
	background-color: #126d9c;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #d9d9d9;
	color: #d9d9d9;
}
div.pagination .hits {
	margin: 10px;
}

/*-----------------フリー素材ページページング-------------*/
table.pagination {
	padding: 3px;
	text-align:center;
}
table.pagination a {
	padding: 2px 5px 2px 5px;
	border: 1px solid #d9d9d9;
	text-decoration: none;
	color: #126d9c;
}
table.pagination a:hover {
	border: 1px solid #084373;
	color: #084373;
}
table.pagination span {
	padding: 2px 5px 2px 5px;
	border: 1px solid #d9d9d9;
	color: #d9d9d9;
	background: #126d9c;
}

/*-----------------テンプレート購入フォーム-------------*/
.purchasePage{
	width:760px;
	margin:0 auto;
}
.purchasePage #infomation {
	float: right;
	width: 210px; 
}
.purchasePage #order {
	float: left;
	width:540px;
	text-align: left;
}
.purchasePage h2 {
	border-bottom: 2px solid #003C87;
	background: #FFF url(none) !important;
	margin: 20px 0 10px !important;
}
.purchasePage label {
	line-height: 1.3em;
	vertical-align:middle;
}
.purchasePage input[type="text"] {
	border: 1px solid #d5d5d5;
	padding:3px;
}
.purchasePage input.btn {
	font-size:12px;
}
.purchasePage input.btn {
	margin: 15px auto 15px 30%;
}

/*** #SSL ***/
.purchasePage #SSL{
	background: url(../images/purchase/ssl_base.gif) repeat-y 0 0;
	width: 540px;
	margin: 10px 0 0;
}
.purchasePage #SSL .inner{
	background: url(../images/purchase/ssl_top.gif) no-repeat left top;
}
.purchasePage #SSL .clearfix{
	background: url(../images/purchase/ssl_bottom.gif) no-repeat 0 bottom;
	padding: 10px 10px 5px;
}
.purchasePage #SSL img{
	float: left;
}
.purchasePage #SSL .text{
	font-size: 10px;
	float: right;
	width: 390px;
	line-height: 1.4em;
}
.purchasePage #SSL .text p.title{
	font-size: 12px;
	font-weight: bold;
	color: #003c87;
	border-bottom: 1px dotted #4fa8d0;
	padding: 0px;
	margin: 0px;
}

/*** #orderDetail ***/
.purchasePage #orderDetail {
}
.purchasePage #orderDetail .image {
	text-decoration: blink;
	background: #f2f2f2;
	border: 1px solid #dadada;
	float: left;
	margin-right: 12px;
	padding: 3px;
}
.purchasePage #orderDetail .text {
	float: left;
	width: 370px;
}
.purchasePage #orderDetail .text h3 {
	color: #3f89c3;
	border-bottom: 1px dotted #3f89c3;
	margin: 0px;
	padding-bottom: 5px;
}
.purchasePage #orderDetail .text p {
	margin: 10px 0;
	padding: 0;
	font-weight: bold;
}
.purchasePage #orderDetail .text span {
	display: block;
	height: 21px;
	width: 93px;
	color: #FFF;
	text-align: center;
	background: url(../images/purchase/tit_back.gif) no-repeat;
	padding-top: 3px;
}
.purchasePage #orderDetail .text strong {
	color: #F00;
	font-weight: bold;
}

/*** .border ***/
.purchasePage .border {
	margin-top: 20px;
}
.purchasePage .border h4 {
	margin: 0px;
	padding: 7px 12px;
	background: url(../images/purchase/title_base.gif) repeat-x;
	color: #FFF;
	font-size: 16px;
	line-height: 1em;
	border: 1px solid #FFF;
}
.purchasePage .border label {
	font-size: 16px;
	color: #4f4f4f;
	margin: 0 16px;
	font-weight: bold;
}
.purchasePage .border ul {
	border-bottom: 1px solid #3F89C3;
	padding: 0px 6px 15px 40px;
	line-height: 1.6em;
}
.purchasePage .border .radio {
	margin: 16px 6px 10px 16px;
	border-style: none;
	padding: 0px;
}
.purchasePage .border .radio li {
	margin-bottom: 8px;
}
.purchasePage .border ul li p {
	margin-left: 25px;
}
.purchasePage .border ul li #opt_serv_wrapper label {
	margin: 0;
}

/*** table ***/
.purchasePage table {
}
.purchasePage td,
.purchasePage th{
	padding: 10px 12px;
	text-align: left;
	border: 1px solid #b5d3e9;
}
.purchasePage th {
	background: url(../images/purchase/th_back.gif) repeat left top;
	vertical-align: middle;
	font-weight: bold;
	width: 30%;
}
.purchasePage th span {
	font-weight: normal;
}
.purchasePage th span.iconMust {
	float: right;
	margin-top:-3px;
}
.purchasePage td {
	font-size: 10px;
}
.purchasePage td strong {
	color:#d60000;
}
.purchasePage td p {
	margin:5px 0;
}
.purchasePage td input.wide {
	width:280px;
}
.purchasePage td label {
	display: block;
	text-indent: -1.5em;
	padding-left: 1em;
	font-size: 12px;
}
.purchasePage td div {
	padding-bottom: 5px;
}

/*** #menubox ***/
.purchasePage #menubox {
	position: relative;
	width: 209px;
	padding: 0px;
	background: url(../images/purchase/thanks_base.gif) repeat-y left top;
}
.purchasePage #menubox h4 {
	background: url(../images/purchase/thanks_title.gif) no-repeat;
	color: #FFF;
	height: 22px;
	padding-top: 8px;
	margin: 0px;
}
.purchasePage #menubox .inner {
	margin: 0px;
	padding:0 0 5px;
	background: url(../images/purchase/thanks_bottom.gif) no-repeat left bottom;
}
.purchasePage #menubox p {
	margin:5px 10px;
	text-align: left;
}
.purchasePage #menubox .tel {
	border-top: 1px dotted #3f89c3;
	text-align: center;
	font-weight: bold;
	color: #b81919;
	background: url(../images/purchase/tel.gif) no-repeat 15px 5px;
	margin:5px 10px 0;
	padding: 12px 0 0;
	height: 25px;
	font-size: 16px;
}
table.templateThumb {
	position: relative;
}
table.templateThumb .ribbon_image {
    background: url("/images/ribbon.png") no-repeat scroll right top transparent;
    height: 76px;
    position: absolute;
    right: 0px;
    top: -4px;
    width: 76px;
}