@charset "UTF-8";
	
@import url("header.css");
@import url("form.css");

/*メニュー背景イメージの変更*/

body{
	background-image: url(../global/images/headbg.png);
	background-color: #F2F2F2;
}


#wrapper{
	background-position: center 0px;
	background-repeat: no-repeat;
}

.clear{
	clear: both;
	float: none;
	line-height: 0px;
}
#pathway{
	margin-bottom: 40px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}



#contents a{
	color: #AE306A;
}

/*メインビジュアル
----------------------------------------------------------------------------------------------------*/

#mainvisual{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	/*margin-bottom: 20px;*/
}
#mainvisual-l {
	background-image: url(../../images/stories/products/pencil3/mainvisual.png);
	background-position: right center;
	float: left;
	/*height: 384px;*/
	height: 384px;
	width: 633px;
	background-repeat: no-repeat;
}
#mainvisual-r {
	height: 384px;
	width: 316px;
	float: right;
}
.mainvisual-r-contents {
	background-image: url(../../images/stories/products/pencil3/mainvisual-r-repeat.png);
	background-repeat: repeat-y;
	background-position: left;
	height: 350px;
}



#mainvisual table{
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.mainvisual-r-top {
	background-image: url(../../images/stories/products/pencil3/mainvisual-r-top.png);
	background-position: left 1px;
	height: 16px;
	background-repeat: no-repeat;
}
.mainvisual-r-bottom {
	background-image: url(../../images/stories/products/pencil3/mainvisual-r-bottom.png);
	background-position: left -1px;
	height: 16px;
	background-repeat: no-repeat;
}


#mainvisual td{margin:0px; padding:0px;}

/*#mainvisual-contents {
	width: 960px;
	margin: 0 auto;
	height: 800px;
	background-image: url(../images/shakeit/mainvisual-background.png);
	background-repeat: no-repeat;
	background-position: center -40px;
}
.mainvisual-info{
	width: 480px;
	margin-left: 10px;
	margin-top: 160px;
	background-image: url(../images/shakeit/picture001.png);
	background-position: 0px 250px;
	background-repeat: no-repeat;
	float: left;
}

.mainvisual-info p{
	margin-left: 190px;
	font-size: 16px;
	color: #333;
}
.mainvisual-info H1{
	background-image: url(../images/shakeit/logo.png);
	background-repeat: no-repeat;
	height: 100pt;
}
.appstorelink{
	display:block;
	height: 75px;
	width: 218px;
	background-image: url(../images/AppStore.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 60px;
	margin-top: 80px;
	text-indent: -9999px;
}
#preview{
	float: right;
	background-image: url(../images/shakeit/iPhoneFrame.png);
	background-repeat: no-repeat;
	background-position: -10px 90px;
	height: 800px;
	width: 400px;
}

#slide{
	width:275px;
	height:412px;
	margin-top: 206px;
	margin-right: 30px;
	margin-left: 30px;
}
#slide ul,
#slide li{margin:0;padding:0;}
*/

/*コンテンツ
----------------------------------------------------------------------------------------------------*/
#contents {
	padding-top: 40px;
	padding-bottom: 0px;
	font-size: 12px;
	color: #CCCCCC;
	text-align: left;
	background-image: url(../../images/stories/products/pencil3/contentsbg-repeat.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	background-position: center;
}

.contents-top{
	background-image: url(../../images/stories/products/pencil3/contentsbg-top.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 18px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
}
.contents-bottom{
	background-image: url(../../images/stories/products/pencil3/contentsbg-bottom.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 18px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;

}
#contents-r{
	float: right;
	width: 230px;
	margin-right: 10px;
}
.menu-r-contents .title {
	background-image: url(../../images/stories/products/pencil3/menu-r-linkbox.png);
	background-position: left top;
	height: 30px;
	background-repeat: no-repeat;
	line-height: 30px;
	padding-left: 20px;
	padding-bottom: 3px;
}
#contents-r .menu-r-contents    .title  a {
	font-size: 14px;
	font-weight: bold;
	color: #E1E1E1;
	text-decoration: none;
	display:block;
}
#contents-r  .menu-r-contents  .title a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}


.menu-r-top {
	background-image: url(../../images/stories/products/pencil3/menu-r-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
}
.menu-r-contents {
	background-image: url(../../images/stories/products/pencil3/menu-r-repeat.png);
	background-repeat: repeat-y;
	padding-left: 30px;
	padding-bottom: 20px;
}
.menu-r-contents  .menutitle {
	color: #FFFFFF;
	font-size: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
}

.menu-r-bottom {
	background-image: url(../../images/stories/products/pencil3/menu-r-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	margin-bottom: 40px;
}

#contents-l{
	width: 640px;
	margin-left: 50px;
}



#contents-contents {
	padding-top: 40px;
	padding-bottom: 0px;
	width: 920px;
	background-image: url(../../images/stories/products/pencil3/contentsbg.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 20px;
}
#subcontents {/*アンケートなど*/
	width: 920px;
	padding-right: 20px;
	padding-left: 20px;
		background-color: #000000;
}

#contents-contents .new{
	color: #FFCC00;
	font-style: italic;
	font-size: 18px;
}

#contents h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	text-align: left;
	color: #AE306A;
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	background-image: url(../../images/stories/products/pencil3/h1bg.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: left;
	padding-top: 0px;
	padding-left: 24px;
	height: 50px;
	line-height: 50px;
}
#contents h2 {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 28px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #B99655;
	margin-bottom: 25px;
}

#contents h3 {
	color: #CD4985;
	font-size: 14px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CD4985;
	border-right-color: #CD4985;
	border-bottom-color: #CD4985;
	border-left-color: #CD4985;
	border-top-style: none;
	padding: 0px;
}
#contents p {
	padding: 0px;
	line-height: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#contents .point {
	font-size: 16px;
	font-weight: bold;
	color: #A18E5A;
	line-height: 130%;
}

#contents .description{
	font-size: 10px;
	color: #AE306A;
}

#contents-contents li{
	margin-bottom: 2px;
	margin-left: 20px;
}

#contents-contents iframe{
	border: 10px solid #FFFFFF;
}

/*カラム 2,3
----------------------------------------------------------------------------------------------------*/
.column-lcr-l, .column-lcr-c, .column-lcr-r, .column-l, .column-r {
	float:left;
	/*margin-bottom:-32768px;
padding-bottom:32768px;*/
}
.column, .column-lcr{
	margin-bottom: 50px;
}
.column p img{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#contents-contents .column-lcr h3{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.column-l {
	width:360px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.column-c {
	background:none repeat scroll 0 0 #CFE1DA;
	width:320px;
}
.column-r {
	margin-right:0px;
	width:530px;
	margin-left: 30px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}

.column-r .fig{
	float: left;
	height: 230px;
	text-align: center;
	width: 255px;
	margin-bottom: 20px;
}

.column-r .fig h4{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(../../images/stories/products/pencil3/newtechtitlebg.png);
	background-position: center center;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	background-repeat: no-repeat;
	padding-top: 7px;
}
.column-lcr-l {
	width:285px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.column-lcr-c {
	width:285px;
	margin-left: 20px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.column-lcr-r {
	margin-right:0;
	width:285px;
	margin-left: 20px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}


/*.presskitlink {
	display:block;
	height: 63px;
	width: 267px;
	background-image: url(../images/presskid.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	text-indent: -9999px;
}

.followmelink{
	display:block;
	height:43px;
	width: 130px;
	background-image: url(../images/followmetwitter_black.png);
	background-repeat: no-repeat;
	float: left;
	background-position: 5px;
	text-indent: -9999px;
	margin-left: 20px;
}
.sendsupportlink{
	display:block;
	height: 43px;
	width: 130px;
	background-image: url(../images/sendmesupport_black.png);
	background-repeat: no-repeat;
	float: left;
	vertical-align: middle;
	text-indent: -9999px;
}*/
/*#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}*/

#contents{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/*#wrapper table.blogpencil3{
	margin: 0px;
	padding: 0px;
}

#wrapper table.blogpencil3 td{
margin: 0px;
	padding: 0px;
}
*/
/*アンケートデザイン*/
.moduletable-poll{
	margin-left: 20px;
	margin-bottom: 60px;
}
.moduletable-poll form{
	width: 300px;
	float: left;
}
.poll-poll{
	border: 1px solid #333333;
	margin-left: 20px;
	background-color: #333333;
	height: 250px;
}
.poll-poll .button{
	margin:10px;
}
.moduletable-poll thead td{
	font-size: 14px;
	color: #94C435;
	padding: 10px;
}
.pollstableborder-poll{
	margin: 10px;
	text-align: left;
}
.sectiontableentry1-poll, .sectiontableentry2-poll{
padding:3px;
}

/*カラム73*/
.column73-l {
	width:580px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	float: left;
}
.column73-r {
	margin-right:0px;
	width:310px;
	margin-left: 30px;
	float: right;
}

/*ダウンロードページ*/
.legalarea{
	height: 300px;
	overflow: auto;
	background-color: #FFFFFF;
	border: 3px double #505050;
	color: #333333;
	padding: 20px;
	margin-top: 50px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;

}

/*イメージボタンがロールオーバー時に薄くなるように設定*/
#contents a:hover img{
filter:alpha(opacity=75); 
-moz-opacity:0.75; 
opacity:0.75;
}

/*updatebox**/
.updatebox {
	margin-right: 30px;
	margin-left: 20px;
}
.update-title {
	background-image: url(../../images/stories/products/pencil3/updatetitle.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: -9999px;
	background-position: 20px;
	padding-top: 15px;
	padding-bottom: 20px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.updatebox a{
	color: #CCCCCC;
	text-decoration: none;
}
.updatebox a:hover{
	color: #E6E6E6;
	text-decoration: underline;
}
.updatebox .box {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #CCCCCC;
	border-bottom-color: #333333;
	border-left-color: #CCCCCC;
	line-height: 130%;
	color: #E2E3E3;
}
.updatebox .title {
	padding-left: 30px;
	font-weight: bold;
	background-image: url(../../images/stories/products/pencil3/updatelistball.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
}
.updatebox .date {
	padding-left: 30px;
	color: #666666;
}

/*.harflist{
	width: 510px;
	margin-right: auto;
	margin-left: auto;
}

.harflist .column p{
	font-size: 11px;
	line-height: 1.5;
}
#contents-l .harflist .column h3 {
	margin-left: 5px;
	padding-bottom: 5px;
}
#contents-l .harflist .column {
	margin-bottom: 20px;
}*/
#contents-l .layout-column1{
	width: 580px;
	margin-right: auto;
	margin-left: auto;
}


#contents-l .layout-column1 p{
	font-size: 11px;
	line-height: 1.5;
}
#contents-l .layout-column1 h3 {
	margin-left: 0px;
	padding-bottom: 5px;
}
#contents-l .layout-column1 .column {
	margin-bottom: 20px;}
#contents-l  .clear  {
	height: 20pt;
}
#contents-l  .layout-column1  img  {
	margin-right: 15px;
}
#contents-l   .sampleimage  img  {
	margin: 2px;
	padding: 0px;
	float: left;
}


.font11,li{
	font-size: 11px;
}
/*IE用のフォントサイズ指定*/
* html .harflist .column p,
* html li,
* html .font11{
font-size:  11px;
font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}
/*IE用のフォントサイズ指定*/
*:first-child+html .harflist .column p,
*:first-child+html li
*:first-child+html .font11{
font-size:  11px;
font-family: 'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}
#minimenu{
	display:block;
	height: 40px;
	padding: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-image: url(../../images/stories/products/pencil3/minimenubg.png);
	background-repeat: no-repeat;
	background-position: -2px -2px;
}

#minimenu li {
	float: left;
	position: relative;
	list-style: none;
	line-height: 31px;
	font-size: 14px;
	color: #666666;
	padding: 0px;
	font-weight: normal;
	margin: 0px;
}
#minimenu ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
}


#minimenu li a{
	color: #CD4985;
	text-decoration: none;
	display:block;
	padding-left: 0px;
	padding-right: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3E3E3E;
	width: 202px;
	text-align: center;

}

#minimenu li a:hover{
	background-image: url(../../images/stories/products/pencil3/minimenubg_over.png);
	background-repeat: no-repeat;
	background-position: center;
}
.linktop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #454545;
	text-align: right;
	font-size: 10px;
	margin-top: 30px;
}

.linktop a{
	display:block;
	text-decoration: none;
	padding: 3px;
}
.linktop .topimg {
	background-image: url(../../images/stories/products/pencil3/totop.png);
}
.contentsbg-visual {
	background-image: url(../../images/stories/products/pencil3/contents3bg.jpg);
	background-repeat: repeat-y;
	background-position: 150px top;
}
.newfunction {
	background-color: #000000;
	margin-bottom: 40px;
	border: medium double #333333;
	background-image: url(../../images/stories/products/pencil3/newfunctionbg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.newfunction h4 {
	font-size: 16px;
	margin-bottom: 30px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
}
.p3new {
	color: #FFCC00;
	margin-left: 5px;
}
#contents-l   .column   li   a  {
	color: #CCCCCC;
}
#contents-l   .column   li   a:hover  {
	color: #EAEAEA;
}
.layout-column2-l {
	float: left;
	width: 285px;
}
#contents-l .layout-column2 {
	margin-right: 20px;
	margin-left: 20px;
}

.layout-column2-r {
	float: right;
	width: 285px;
}
.licensenotes {
	margin-bottom: 40px;
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 30px;
}
.licensenotes li {
	margin-bottom: 20px;
}

.licensenotes  strong {
	color: #CD4985;
	font-size: 12px;

}
#contents-l  .goldnotes {
	color: #9E8354;
	font-weight: bold;
	font-size: 14px;
}
#contents-l .contentheading {
	color: #AE306A;
	font-size: 26px;
	background-image: url(../../images/stories/products/pencil3/h1bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 22px;
	height: 50px;
	line-height: 50px;
}
#contents-l  hr {
	padding-top: 20px;
	padding-bottom: 20px;
	height: 40px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contents-l    .float-crear{}
#contents-l ol {
	margin-top: 40px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
}
#contents-l ol img{
	margin-left: 15px;
	margin-bottom: 30px;
}
#contents-l  .createdate  {
	padding-bottom: 50px;
	text-align: right;
}
#contents-l .waku-point {
	border: 2px double #333333;
	background-color: #F0F0F0;
	background-image: url(../../images/stories/products/pencil3/newfunctionbg.png);
	padding: 20px;
}
#contents-l .waku-point table {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#contents-l .waku-point img {
	margin: 0px;
}
#contents-l  form {
	visibility: hidden;
	
}

.nivo-controlNav {
	position:absolute;
	left:43%;
	bottom:-40px;
	margin-bottom: 20px;
}
#nivoslider-works {
	width: 170px;
	height: 146px;
}

.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	background-image: url(../js/nivoslider/bullets.png);
	background-repeat: no-repeat;
}
.nivo-controlNav a.active {background-position:-10px 0;}
.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	text-indent:-9999px;
	border:0;
	background-image: url(../js/nivoslider/arrows.png);
	background-repeat: no-repeat;
}
a.nivo-nextNav {background-position:-32px 0;right:10px;}
a.nivo-prevNav {left:10px;}