@charset "utf-8";

/* MASTER INIT
------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: Verdana,Arial,Helvetica,sans-serif,"Hiragino Kaku Gothic Pro","Osaka","lroSVbN";
	font-style: normal;
	font-weight: normal;
	line-height: 1.0;
	-webkit-text-size-adjust:none;
}

body {
	font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}

a {
	outline-style: none;
	display: block;
	color: #000;
}

a:link {
    text-decoration: none;
}
  
a:visited {
    text-decoration: none;
}
  
a:hover {
	text-decoration: none;
}
  
a:active {
	text-decoration: none;
}

ul,
ol {
	list-style-type: none;
}

img {
	border: none;
}

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

.clearBoth {
	clear: both;
}

/* CONTAINER
------------------------------------------------------------------------------*/

#container {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg.png);
}

/* HEADER
------------------------------------------------------------------------------*/

#header {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_header.png);
	background-repeat: repeat-x;
	height: 109px;
	position: relative;
}

#header ul {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

#header li {
	float: left;
	width: 100px;
	height: 29px;
}

#videoLogo {
	position: absolute;
	left: 0;
	bottom: 5px;
	margin-left: 10px;
}

#videoLogo p {
	float: left;
	margin-right: 10px;
}

/* HEADING
------------------------------------------------------------------------------*/

h1 {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

h2 {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_h2.png);
	background-repeat: repeat-x;
	height: 22px;
	border: 1px solid #FF47A5;
	color: #FFF;
	text-shadow: #.simuDatum -1px -1px 0;
	padding-left: 5px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 6px;
}

#hBlack {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_h2_black.png);
	border: 1px solid #1C2424;
	text-shadow: #000 -1px -1px 0;
}

h3 {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_h3.png);
	background-repeat: repeat-x;
	border: 1px solid #0063DC;
	height: 15px;
	color: #FFF;
	padding-top: 3px;
	padding-left: 5px;
	text-shadow: #004AC1 -1px -1px 0;
	font-weight: bold;
}

.upperH {
	margin-bottom: 5px;
}

/* CONTENT BOX
------------------------------------------------------------------------------*/

.contentBox {
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 5px;
}

.special {
	background-color: #FF0;
}

.contentCommon {
	padding-top: 5px;
	padding-bottom: 5px;
}

.contentCommon .thumb {
 background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_thumb80.png);
 background-repeat: no-repeat;
 height: 84px;
 width: 84px;
 margin-left: auto;
 margin-right: auto;
}

.btmBorder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
}

.onlyLink {
	padding-top: 0;
	padding-bottom: 0;
}

.download {
	padding-bottom: 0;
}

/* CONTENT 80
------------------------------------------------------------------------------*/

.content80 {
	padding-top: 5px;
}

.content80 .thumb {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_thumb80.png);
	background-repeat: no-repeat;
	height: 84px;
	width: 84px;
	float: left;
	margin-right: 5px;
}

.content80 .title {
	color: #068ED6;
	font-weight: bold;
	font-size: 15px;
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/icon_play.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-left: 90px;
	line-height: 1.5;
	margin-bottom: 3px;
}

.content80 .text {
	line-height: 1.5;
	margin-left: 90px;
}

.content80 .note {
	font-size: 11px;
	color: #999;
	margin-left: 90px;
	line-height: 1.5;
}

.content80 .name {
	font-size: 11px;
	color: #.simuDatum;
	margin-left: 90px;
	line-height: 1.5;
}

/* CONTENT RANK, CONTENT NEWSITE
------------------------------------------------------------------------------*/

.contentRank,
.contentNewSite {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	padding-top: 5px;
}

.btmLink {
	padding-bottom: 0;
}

.rank {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_rank.png);
	background-repeat: no-repeat;
	float: left;
	height: 22px;
	width: 31px;
	font-size: 15px;
	text-align: center;
	padding-top: 10px;
	text-shadow: #FFF 1px 1px 0;
	margin-right: 10px;
}

.iconNew {
	float: left;
	height: 32px;
	width: 31px;
	margin-right: 10px;
}

.contentRank .name,
.contentNewSite .name {
	font-size: 16px;
	color: #000;
	padding-top: 5px;
	font-weight: bold;
}

.rankInfo,
.newSiteInfo {
	padding-top: 5px;
}

.contentRank .thumb,
.contentNewSite .thumb {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_thumb60.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	float: left;
	margin-right: 5px;
}

.contentRank .text,
.contentNewSite .text {
	line-height: 1.5;
	margin-left: 70px;
}

.contentNewSite .registDate {
	font-size: 11px;
	color: #.simuDatum;
	margin-left: 70px;
	line-height: 1.5;
}

/* CONTENT BLOG
------------------------------------------------------------------------------*/

.contentBlog {
	padding-top: 10px;
}

.contentBlog .thumb {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_thumb200.png);
	background-repeat: no-repeat;
	height: 154px;
	width: 204px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}

.contentBlog .text {
	line-height: 1.5;
}

/* CONTENT ABOUT
------------------------------------------------------------------------------*/

.contentAbout {
	padding-top: 5px;
}

.contentAbout p {
	line-height: 1.5;
}

#aboutDesc {
	margin-bottom: 5px;
}

.contentAbout span,
#aboutDesc span {
	font-weight: bold;
	color: #.simuDatum;
	line-height: 1.5;
}

/* CONTENT CONTACT
------------------------------------------------------------------------------*/

.contentContact {
	padding-top: 5px;
	padding-bottom: 5px;
}

.contentContact p {
	line-height: 1.5;
}

/* CONTENT WEBMASTER
------------------------------------------------------------------------------*/

.contentWebmaster {
	padding-top: 5px;
}

.contentWebmaster p {
	line-height: 1.5;
}

.siteInfo {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.5;
}

#siteThumb100 {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_thumb100.png);
	background-repeat: no-repeat;
	height: 104px;
	width: 104px;
	float: left;
	margin-right: 5px;
}

#siteThumb80 {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_thumb80.png);
	background-repeat: no-repeat;
	height: 84px;
	width: 84px;
	float: left;
	margin-right: 5px;
}

#siteThumb60 {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_thumb60.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 64px;
	float: left;
	margin-right: 5px;
}

/* LINK BUTTON
------------------------------------------------------------------------------*/

.linkBtn {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 35px;
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.linkNotTop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

/* FOOTER
------------------------------------------------------------------------------*/

#footer {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_footer.png);
	background-repeat: repeat-x;
	height: 44px;
}

#footer ul {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

#footer li {
	float: left;
	width: 100px;
	height: 29px;
}

#footer p {
	text-align: center;
	padding-top: 5px;
}

/* PATH
------------------------------------------------------------------------------*/

.path {
	background-color: #EFEFEF;
	border: 1px solid #D9D9D9;
	padding: 5px;
}

.trigger {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	line-height: 16px;
	font-weight: bold;
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/icon_hide.png);
}

.hide .trigger {
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/icon_show.png);
}

.target {
	font-size: 11px;
	line-height: 1.5;
	color: #000;
	padding-top: 5px;
}

.hide .target {
	display: none;
}

.btmPath {
	padding-bottom: 3px;
}

/* MOVIE
------------------------------------------------------------------------------*/

#dvdTitle {
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
	line-height: 1.5;
}

#dvdPackage {
	position: relative;
	height: 188px;
	width: 286px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	border: 1px solid #CCC;
}

.screenShot {
	height: 429px;
	width: 286px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	margin-bottom: 5px;
}

#dvdInfo {
	border-collapse: collapse;
	width: 100%;
}

#dvdInfo th,
#dvdInfo td {
	border: 1px solid #CCC;
	padding: 5px;
}

#dvdInfo th {
	width: 80px;
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/bg_th.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-shadow: #FFF 1px 1px 0;
	font-weight: bold;
}

#dvdReview,
.specialText {
	line-height: 1.5;
	padding-top: 5px;
	padding-bottom: 5px;
}

#gallery {
	height: 144px;
	width: 288px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#gallery p {
	float: left;
}

/* PAGENATION
------------------------------------------------------------------------------*/

#pagenation {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#pagenation a {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 7px;
	-moz-border-radius: 7px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 35px;
}

.link_before {
	float: left;
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/arrowleft.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 5px;
	padding-left: 20px;
}

.link_next {
	float: right;
	background-image: url(http://www.ff.iij4u.or.jp/~evernote/pinkape/arrowright.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	padding-left: 5px;
}

/* BBS
------------------------------------------------------------------------------*/

#bbsName,
#bbsComment {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#bbsName input {
	width: 90%;
}

textarea {
	height: 50px;
	width: 90%;
}

#bbsName input,
textarea {
	padding: 5px;
	line-height: 1.5;
}

#bbsSubmit {
	text-align: center;
}

.content {
	line-height: 1.5;
	margin-bottom: 5px;
}

.header {
	font-weight: bold;
	color: #.simuDatum;
	margin-bottom: 5px;
	line-height: 1.5;
}

.comment {
	margin-bottom: 10px;
}

.date {
	font-size: 11px;
	color: #999;
	text-align: right;
}

/* ASP-ranker
------------------------------------------------------------------------------*/

iframe {
	display: none;
}

/* SPECIAL
------------------------------------------------------------------------------*/

.specialText span,
#specialTextBtm span,
#specialNote span {
	font-weight: bold;
	color: #.simuDatum;
	line-height: 1.5;
}

#btnImail {
	width: 276px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
}

#btnImailBtm {
	width: 276px;
	margin-left: auto;
	margin-right: auto;
}

#specialNote {
	background-color: #EFEFEF;
	border: 1px solid #D9D9D9;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 1.5;
}

.btmPadding {
	padding-bottom: 5px;
}

#btnImailList {
	width: 276px;
	margin-left: auto;
	margin-right: auto;
}

#specialTextBtm {
	line-height: 1.5;
	padding-bottom: 5px;
}

/* MAKER LINK
------------------------------------------------------------------------------*/

#makerLink {
	border-top: 1px solid #CCC;
	margin-top: 5px;
}

#makerLink li {
	width: 57px;
	height: 38px;
	float: left;
}

.contentBox.dmmMaker {
	background-color: #FFF;
}

/* MEKACHOKU
------------------------------------------------------------------------------*/

#mcLink {
	text-align: center;
	margin-bottom: 10px;
}

#dvdInfo a {
	color: #068ED6;
	text-decoration: underline;
}

#logoMc {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

/* DOWNLOAD TUBE
------------------------------------------------------------------------------*/

#dt {
	padding: 5px 0 15px 0;
	line-height: 1.5;
}

#dt a,
#aboutDesc a {
	display: inline;
	color: #068ED6;
	text-decoration: underline;
}

#dtLink {
	text-align: center;
	margin-bottom: 15px;
}

/* BANNER
------------------------------------------------------------------------------*/

#entryBanner {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#titleBanner {
	font-size: 15px;
	font-weight: bold;
	background: #FF0;
	text-align: center;
	padding: 5px;
}