@charset "UTF-8" ;


/*ページ全体
------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		list-style:none;
}

html{
		background: #fff;
}

body{
		background: #fff;
		font: 12px/18px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
		color: #333;
} 

img{
		border : none;
}

a {
	color:#959595;
	text-decoration:none;
}
a:link,
a:visited {
	color:#666666;
	text-decoration:none;
}
a:hover,
a:active {
	color:#626277;
	text-decoration:underline;
}
a img {
	border:none;
}


/* =Fonts
-------------------------------------------------------------- */
 
/* 全体のフォントを変えるなら、ここ */
 
body,
span,
.pingback a.url {
    font-family: Verdana, sans-serif;
}


/* 段落　マージン */
p{
	margin : 0;
	text-indent : 0;
}


/* リスト　リストマーク、マージン */
ul{
	list-style-type : square;
	background-color : none;
}

li{
	padding : 0;
}


/* 定義リスト */
dl {
    margin: 0;
	line-height:1.2em;
}
dt {
    font-weight: none;
	margin : 0;
	padding : 0;
}
dd {
    margin-left: 20px;
	padding : 0;
}


/*基本のページレイアウト
------------------------------------------------------------*/

#page{
		background: none;
}

#wrapper{
		width: 800px;
		background : none;
		margin : 10px auto;
		padding-top : 10px;
}

#header{
		width : 800px;
		margin : 10px auto;
		border : none;
		background : none;
		padding : 0;
}

#contents{
		width: 800px;
		background : none;
		margin-top : 20px;
		padding : 0;
		border : none;
}

#main{
		width: 800px;
		background : none;
		margin-top : 0;
		padding : 0;
}

#footer{
		clear : left;
		width : 800px;
		margin : 30px auto 10px;
		border : none;
		padding-top : 20px;
		font-size : 10px;
}

#footer address{
		font-size : 90%;
		font-style : normal;
		text-align : right;
}

#space{
		clear : left;
		width : 800px;
		margin : 10px auto;
		padding-top : 10px;
}



/*ヘッダ、メニュー
------------------------------------------------------------*/

.title{
		float : left;
		width : 300px;
		height : 50px;
		margin-bottom : 10px;
		border : none;
}

#navi{
		clear : left;
		width : 800px;
		height : 30px;
		margin : 0 auto;
		border : none;
		padding-left : 0;
		position : relative;
}

#navi ul{
		list-style-image : url(img/menu-li-line.png);
		position : relative;
		margin : 5px auto;
		padding : 0;
		height : 30px;
		background : url(img/menu-li-bg.png) repeat-x;
}

#navi li{
		padding : 0;
		margin : 0;
		list-style : none;
		float : left;
		height : 30px;
		display : inline;
		background : url(img/menu-li-bg.png) repeat-x;
}

#navi ul li a{
		font : 11px;
		color : #000;
		text-decoration : none;
		line-height : 30px;
		display : block;
		list-style-image:url(img/menu-li-line.png);
		padding : 0 17px 0 15px;
		boder : none;
		outline : none;
}

#navi ul li a:hover{
		text-decoration : none;
		color : #00bfff;
		background : #cfcfcf url(img/menu-li-bg.png) repeat-x;
}

#navi ul li a.active{
		color : #00bfff;
		text-decolation : none;
		background : #cfcfcf url(img/menu-li-bg.png) repeat-x;
}

#navi ul li a.active : hover{
		text-decoration : none;
}


/*トップ画像
---------------------------------------*/

#new-attention{
		clear : both;
		width : 780px;
		margin : 5px auto;
		padding : 10px auto;
		border : none;
		background-color : none;
}

#slideshow {
		position:relative;
		width:780px;
		height:360px;
		margin:10px auto;
}

#slideshow img {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
}

#slideshow img.active {
		z-index:10;
}

#slideshow img.last-active {
		z-index:9;
}

/*各トピックス、アイコン
---------------------------------------*/
#topics{
		clear : both;
		width : 800px;
		margin : 20px auto;
		border : none;
		padding : 0;
		background : none;
		font-size : 11px;
		overflow : hidden;
}

.icon{
		display :inline-block;
		width : 180px;
		margin : 0;
		border : none;
		padding : 8px;
		background : none;
		text-align : right;
		color : red;
}

.icon a:hover img{
		opacity:0.5;
		filter:alpha(opacity=50);
		-ms-filter: "alpha( opacity=50 )";
		background:none!important;
}

.nakami{
		width : 780px;
		clear : both;
		margin : 20px auto 0px;
		border : none;
		background : none;
		font-size : 11px;
}

.store_icon{
		display : inline-block;
		vertical-align:top;	
		width : 180px;
		margin : 10px 6px;
		border : none;
		padding : 0;
		background : none;
		text-align : left;
		line-height : 1.4em;
		color : #000000;
}

.store_icon img{
		border : 1px solid #000000;
		margin-bottom : 5px;
}

/*細部（見出しとか）
---------------------------------------*/
h1{
		font-size : 15px;
		border-left : solid 8px #00bfff;
		line-height : 30px;
		padding-left : 8px;
}

h2{
		font-size : 13px;
		font-weight : bold;
		color : #000000;
		line-height : 25px;
		margin-top : 10px;
		padding-left : 8px;
}

h3{
		font-size : 12px;
		color : #000000;
		border-bottom : solid 2px #c0c0c0;
		padding : 7px 0 5px ;
}

h4{
		font-size : 12px;
		color : #000000;
		line-height : 20px;
		padding-left : 10px;
}


/*イラデザ100
---------------------------------------*/
.iradeza100{
		width : 780px;
		margin : 10px auto;
		border : none;
		padding : 0;
		background : none;
		line-height : 1.8em;
		font-size : 11px;
}

/*イラデザ100　ジャケット部分
---------------------------------------*/
.iradeza100-jacket{
		width : 450px;
		height : 610px;
		margin : 20px 0 40px;
		border : none;
		padding : 0;
		background : none;
		float : left;
		line-height : 1.5em;
		font-size : 9px;
}

/*イラデザ100　右側
---------------------------------------*/
.iradeza100-right{
		width : 320px;
		height : 610px;
		margin : 20px 0 40px 10px;
		border : none;
		padding : 0;
		float : left;
		background : none;
		line-height : 1.6em;
		font-size : 10px;
}

/*素材集一覧
---------------------------------------*/


/*100の方法　ジャケット部分
---------------------------------------*/
.100method-jacket{
		width : 780px;
		margin : 15px auto 30px;
		border : none;
		padding : 0;
		background : none;
		line-height : 1.8em;
		font-size : 11px;
}


/*個別ページ　タイトル、見出し
---------------------------------------*/
.tpcs-title{
		width : 780px;
		margin : 10px auto;
		border : none;
		padding-bottom : 10px;
		background : none;
		line-height : 1.5em;
		font-size : 9px;
}


/*個別ページ　メイン
---------------------------------------*/
.tpcs-main{
		width : 780px;
		margin : 10px auto;
		border : none;
		padding : 0;
		background : none;
		line-height : 1.5em;
		font-size : 11px;
}


/*個別ページ　左側（ジャケット部分）
---------------------------------------*/
.tpcs-left{
		width : 300px;
		height : 450px
		margin : 10px 10px 10px 0;
		border : none;
		padding : 0;
		background : none;
		float : left;
		line-height : 1.4em;
		font-size : 9px;
}

/*個別ページ　右側
---------------------------------------*/
.tpcs-right{
		width : 450px;
		margin : 10px 0 10px 20px;
		border : none;
		padding : 0;
		float : left;
		background : none;
		line-height : 1.5em;
		font-size : 10px;
}


/*個別ページ　説明
---------------------------------------*/
.tpcs-info{
		width : 450px;
		margin : 15px 0;
		border : none;
		padding : 0;
		background : none;
		line-height : 1.7em;
		font-size : 11px;
}

.tpcs-info table{
		width : 600px;
		border : none;
		line-height : 1.5em;
		cellspacing : 0;
		cellpadding : 12px;
		font-size : 10px;
}

/*個別ページ　収録内容
---------------------------------------*/
.tpcs-spec{
		width : 450px;
		margin : 10px 0 0;
		border : none;
		padding-top : 120px;
		background : none;
		line-height : 1.6em;
		font-size : 10px;
}

.tpcs-spec table{
		width : 445px;
		border : 1px solid #000;
		line-height : 1.7em;
		cellspacing : 0;
		cellpadding : 15px;
}

/*個別ページ　収録内容　100の方法シリーズ
---------------------------------------*/

.tpcs-100-spec{
		width : 450px;
		margin : 10px 0 0;
		border : none;
		padding-top : 15px;
		background : none;
		line-height : 1.6em;
		font-size : 10px;
}

.tpcs-100-spec table{
		width : 445px;
		border : 1px solid #000;
		line-height : 1.6em;
		cellspacing : 0;
		cellpadding : 15px;
}

/*個別ページ　折りたたみ式部分1
---------------------------------------*/
#tpcs-expand_1{
		margin : 5px;
		display : none;
		line-height : 1.8em;
		font-size : 11px;
}

/*個別ページ　折りたたみ式部分2
---------------------------------------*/
#tpcs-expand_2{
		margin : 5px;
		display : block;
		line-height : 1.8em;
		font-size : 11px;
}


/*個別ページ　サンプル
---------------------------------------*/
.tpcs-sample{
		clear : left;
		width : 780px;
		margin : 10px auto;
		border : none;
		padding-top : 30px;
		background : none;
		line-height : 1.8em;
		font-size : 11px;
}

/*個別ページ　サンプルダウンロード
---------------------------------------*/
.tpcs-sample-dl{
		width : 780px;
		margin : 0px auto 20px;
		border : none;
		padding : 10px 0;
		background : none;
		line-height : 1.6em;
		font-size : 10px;
}


/*個別ページ　サンプルのサムネイル
---------------------------------------*/
.tpcs-sample-thumb{
		width : 240px;
		margin : 5px 10px;
		border : none;
		padding : 0;
		float : left;
		background : none;
		line-height : 1.5em;
		font-size : 10px;
}

/*個別ページ　サンプル　100の方法シリーズ
---------------------------------------*/
.tpcs-100-sample{
		clear : left;
		width : 780px;
		margin : 10px auto;
		border : none;
		padding-top : 20px;
		background : none;
		line-height : 1.8em;
		font-size : 13px;
}

.tpcs-100-sample a {
	color:#2888ed;
	text-decoration:none;
	font-weight:bold;
}
.tpcs-100-sample a:link,
.tpcs-100-sample a:visited {
	color:#2888ed;
	text-decoration:none;
}
.tpcs-100-sample a:hover,
.tpcs-100-sample a:active {
	color:#0e2f8e;
	text-decoration:underline;
	font-weight:bold;
}

/*個別ページ　サンプルのサムネイル
---------------------------------------*/
.tpcs-100-sample-thumb{
		width : 600px;
		margin : 5px 10px;
		border : none;
		padding : 0;
		background : none;
		line-height : 1.5em;
		font-size : 10px;
}

/*個別ページ　購入ボタン
---------------------------------------*/
.part-buy{
		width : 780px;
		margin : 30px auto;
		border : none;
		padding : 0;
		background : none;
		line-height : 1.8em;
		font-size : 11px;
		text-align : center;
}


/*ツイートボタン
---------------------------------------*/
.twitter{
		margin : 15px auto;
		border : none;
		padding : 0;
		background : none;
		text-align : right;
}


/*amazonアフィ
---------------------------------------*/
.amazon-link{
		width : 240px;
		margin-top : 15px;
		border : none;
		padding : 0;
		background : none;
		text-align : right;
}


table.event{
		border: 0;
		border-collapse: separate;
		border-spacing: 20px 5px;
}
[EOF]