@charset "utf-8";
/* 
wordpress editArea stylesheet
@IT edition
Last Updated: 2011-07-21
Author: Ryuichi Nonaka - http://carava.co/ , http://classmethod.jp/ 
Twitter: @caravaco
*/

/* *****************************
 *
 * .editArea
 *
 **************************** */
.editArea
{
	width:520px;
	line-height:170%;
}
/*
	.editArea h2
	{
		margin         : 2.5em 0 -0.6em 0;
		padding:0;
		
		color          : #222;
		font-size      : 160%;
		font-weight    :  600;
		line-height    : 130%;
	}
*/
.editArea h2 {
	padding-left: 10px;
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	color: #FF0000;
	font-size : 160%;
	line-height: 1.5em;
}

	.editArea h2:first-child
	{
		margin         : 0.5em 0 -0.6em 0;
	}
		.editArea h2.img
		{
			padding      : 0;
			background   : none;
		}
	.editArea h3
	{
		margin        : 1.6em 0 -0.9em 0;
		
		font-size     : 115%;
		font-weight   :  600;
		line-height   : 130%;
		color         : #222;
	}
	.editArea h4
	{
		margin        : 1.7em 0 -1.3em 0;
		
		font-size     : 100%;
		font-weight   :  600;
		line-height   : 110%;
		color         : #333;
	}
	.editArea h5
	{
		margin        : 1.5em 0 -1.3em 0;
		
		font-size     :  90%;
		font-weight   :  600;
		line-height   : 130%;
		color         : #555;
	}
	
	.editArea hr
	{
		margin        : 2em 100px 0 100px;
		border        : none;
		border-bottom : 1px dotted #eee;
		background    : none;
	}
	.editArea label
	{
		color         : #222;
		font-size     : 90%;
	}
	.editArea pre
	{
		margin        : 1.6em 0 0 0;
		line-height   : 170%;
	}
	.editArea blockquote
	{
		margin       : 1.6em 0 0 0;
		padding      : 10px 10px;
		
		border       : 1px solid #ccc;
		
		font-style   : italic;
		font-size    : 90%;
		line-height  : 150%;
		
		background   : #eee;
		
		-webkit-box-shadow : 1px 1px 0px #fff;
		-moz-box-shadow    : 1px 1px 0px #fff;
		box-shadow         : 1px 1px 0px #fff;
	}
	.editArea p
	{
		margin        : 1.6em 0 0 0;
		line-height   : 170%;
	}
		.editArea p.alert
		{
			margin       : 1.6em 0 0 0;
			padding      : 10px 10px;
			border       : 1px dotted #ccc;
			
			color        : #990000;
			
			-webkit-border-radius : 3px;
			-moz-border-radius    : 3px;
			border-radius         : 3px;	
			
			-webkit-box-shadow : inset 1px 1px 0px #fff, 1px 1px 0px #fff;
			-moz-box-shadow    : inset 1px 1px 0px #fff, 1px 1px 0px #fff;
			box-shadow         : inset 1px 1px 0px #fff, 1px 1px 0px #fff;
		}
		.editArea p.description
		{
			margin             : 1.6em 0 0 0;
			padding            : 10px 10px;
			border             :1px dotted #ccc;
			
			background         : #fff;
			
			-webkit-border-radius : 3px;
			-moz-border-radius    : 3px;
			border-radius         : 3px;	
			
			-webkit-box-shadow : inset 1px 1px 0px #fff, 1px 1px 0px #fff;
			-moz-box-shadow    : inset 1px 1px 0px #fff, 1px 1px 0px #fff;
			box-shadow         : inset 1px 1px 0px #fff, 1px 1px 0px #fff;
		}
		.editArea p.point
		{
			overflow           : auto;
			margin             : 1.0em 0 0;
			padding            : 10px;
			border             :1px dotted #ccc;
			
			-webkit-border-radius : 3px;
			-moz-border-radius    : 3px;
			border-radius         : 3px;
			
			font-size          : 160%;
			color              : #111;
			font-weight        : 600;
		}
		.editArea .alignleft,
		.editArea p.alignleft
		{
			text-align : left;
		}
		.editArea .aligncenter,
		.editArea p.aligncenter
		{
			text-align : center;
		}
		.editArea .alignright,
		.editArea p.alignright
		{
			text-align : right;
		}
		.editArea p.readMore a
		{
			display     : block;
            margin      : 0 0 0 auto;
			padding     : 3px 20px;
			border      : 1px dotted #ddd;
			width       : 80px;

			-webkit-border-radius  : 4px;
			-moz-border-radius     : 4px;
			border-radius          : 4px;
			
			text-decoration : none;
            font-size       : 90%;
			
			-webkit-box-shadow : inset 1px 1px 0px #fff, 1px 1px 0px #fff;
			-moz-box-shadow    : inset 1px 1px 0px #fff, 1px 1px 0px #fff;
			box-shadow         : inset 1px 1px 0px #fff, 1px 1px 0px #fff;
			
			-webkit-transition : 0.2s ease-in-out;
			-moz-transition    : 0.2s ease-in-out;
			transition         : 0.2s ease-in-out;
		}
		.editArea p.readMore a:hover
		{
			border          : 1px dotted #ccc;
			
			-webkit-box-shadow : inset 1px 1px 0px #eee, 1px 1px 0px #fff;
			-moz-box-shadow    : inset 1px 1px 0px #eee, 1px 1px 0px #fff;
			box-shadow         : inset 1px 1px 0px #eee, 1px 1px 0px #fff;
			
		}
		.editArea p.indent
		{
			margin-left : 1em;
		}
		
			.editArea p .super
			{
				font-size      : 80%;
				color          : #cc0000;
				vertical-align : super;
			}
			.editArea p .sub
			{
				font-size      : 80%;
				color          : #cc0000;
				vertical-align : sub;
			}
	
/*
	.editArea ul
	{
		margin        : 1.5em 0 0 0;
		padding       : 0;
	}
		.editArea ul li
		{
			list-style    : inside circle;
			margin        : 0;
			padding       : 0;
			line-height   : 150%;
		}
			.editArea ul li ul,
			.editArea ul li ol
			{
				margin        : 0.2em 0 0.5em 1.5em;
			}
*/	
.editArea ul {
	margin: 1em 0 0 10px;
	padding: 0 0 0 10px;
}
.editArea ul li {
	list-style: circle;
	margin: 0;
	line-height: 150%;
	font-size: 90%;
}
	.editArea ol
	{
		margin         : 1.5em 0 0 0;
		padding        : 0;
	}
		.editArea ol li
		{
			list-style    : inside decimal;
			margin        : 0;
			line-height   : 150%;
		}
			.editArea ol li ul,
			.editArea ol li ol
			{
				margin        : 0.2em 0 0.5em 1.5em;
			}
				.editArea ol li ul li
				{
					list-style    : inside circle;
				}
	
	.editArea dl
	{
		margin         : 1.5em 0 0 0;
		padding        : 0;
	}
		.editArea dl dt
		{
			margin       : 0.5em 0 0 0;
			line-height  : 150%;
			font-weight  : 600;
		}
		.editArea dl dd
		{
			margin       : 0.3em 0 0 1em;
			line-height  : 150%;
		}

	/* font style */
	.editArea .strong,
	.editArea strong
	{
		font-weight       : bold;
	}
	.editArea .em,
	.editArea em
	{
		font-style        : italic;
	}
	.editArea del
	{
		text-decoration   : line-through;	
	}
	.editArea .red
	{
		color             : #dd0000;
	}
	.editArea .green
	{
		color             : #93CA00;
	}
	.editArea .blue
	{
		color             : #0000dd;
	}

    .editArea input
    {
        padding           : 2px 3px;
    }

    .editArea textarea
    {
        width             : 98%;
        padding           : 2px 3px;
    }
    .editArea textarea.code
    {
        min-height        : 150px;
        font-family       : consolas;
    }

	.editArea img
	{
		display           : block;
		
		padding           : 0px;
		max-width         : 100%;
		border            : 1px solid #ccc;
		
		background        : #fff;
		
		-webkit-box-shadow : 1px 1px 0px #fff;
		-moz-box-shadow    : 1px 1px 0px #fff;
		box-shadow         : 1px 1px 0px #fff;
	}
		.editArea img.normal
		{
			border          : none;
		
			background      : none;
			
			-webkit-box-shadow : none;
			-moz-box-shadow    : none;
			box-shadow         : none;
		}
        .editArea img.size-large
        {
			max-width       : 100%;
        }
		.editArea img.size-medium
		{
			max-width       : 100%;
        }
		.editArea img.size-thumbnail
		{
			max-width       : 100%;
		}
		.editArea img.alignleft
		{
			float           : left;
			margin          : 0 1.5em 1.5em 0;
		}
		
		.editArea img.aligncenter
		{
			display         : block;
			margin          : 0 auto 1.5em auto;
		}
		
		.editArea img.alignright
		{
			float           : right;
			margin          : 0 0 1.5em 1.5em;
		}
            .editArea .attachment
            {
            }
                .editArea .attachment img
                {
                    margin-left  : 0;
                    margin-right : 0;
                }
	.editArea iframe,
	.editArea object
	{
		display             : block;
		overflow            : hidden;
		margin              : 1.5em 0 0 0;	
		max-width           : 100%;
	}
	.editArea table
	{
		margin              : 1.5em 0 0 0;
		border-collapse     : separate;
		border-spacing      : 0;
		border-top          : 1px solid #eee;
		border-bottom       : 1px solid #eee;
		line-height         : 150%;
		width               : 100%;
	}
		.editArea table tr
		{
			background      : none;
		}
		.editArea table tr:nth-child(even)
		{
			background      : #f5f5f5;	
		}
		.editArea table tr.odd
		{
			background      : #f5f5f5;
		}
			
			.editArea table tr th
			{
				padding        : 10px;
				
				text-align     : right;
				font-weight    : bold;
				color          : #333;
				
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition   : 0.2s ease-in-out;
				transition        : 0.2s ease-in-out;
			}
			.editArea table tr.odd th
			{
				background        : #f5f5f5;
			}
			.editArea table thead tr th
			{
				background        : #f5f5f5;
				text-align        : center;
			}
			.editArea table tr td
			{
				padding           : 10px;
				
				-webkit-transition : 0.2s ease-in-out;
				-moz-transition    : 0.2s ease-in-out;
				transition         : 0.2s ease-in-out;
			}
			.editArea table tr.odd td
			{
				background         : none;
			}
				.editArea table tr:hover th
				{
					background     : #ebf7ff;
				}
				
				.editArea table tr:hover td
				{
					background     : #ebf7ff;
				}
		.editArea table tr.point
		{}
			.editArea table tr.point th
			{
				padding            : 15px;
				border-top         : 1px solid #1396F2;
				border-bottom      : 1px solid #1396F2;
				border-left        : 1px solid #1396F2;
				
				font-size          : 120%;
				background         : #ebf7ff;
			}
			.editArea table tr.point td
			{
				padding            : 15px;
				border-top         : 1px solid #1396F2;
				border-bottom      : 1px solid #1396F2;
				border-right       : 1px solid #1396F2;
				
				font-size          : 120%;
				background         : #ebf7ff;
			}
	.editArea video
	{
		overflow           : hidden;
		display            : block;
		margin             : 0;
		padding            : 0;
	}
	
	.editArea ul.link
	{
		margin             : 1.5em 0 0 0;
		padding            : 9px 10px 10px 10px;
		
		-webkit-border-radius : 3px;
		-moz-border-radius    : 3px;
		border-radius         : 3px;
		
		background      : #eee;
		
		-webkit-box-shadow : inset 0px 1px 4px #ddd;
		-moz-box-shadow    : inset 0px 1px 4px #ddd;
		box-shadow         : inset 0px 1px 4px #ddd;
	}
		.editArea ul.link li
		{
			list-style       : none;
			margin           : 1px 0 0 0;
			padding          : 0;
		}
			.editArea ul.link li a
			{
				overflow         : hidden;
				display          : block;
				margin           : 0;
				padding          : 4px 10px 4px 10px;
				border           : 1px solid #ddd;
				-webkit-border-radius : 3px;
				-moz-border-radius    : 3px;
				border-radius         : 3px;
				
				text-decoration       : none;
				font-size             : 100%;
				line-height           : 150%;
				background: #fff;
			}
			.editArea ul.link li a:hover
			{
				border           : 1px solid #0096F0;
								
				-webkit-box-shadow   : 0px 0px 4px #78ccff;
				-moz-box-shadow      : 0px 0px 4px #78ccff;
				box-shadow           : 0px 0px 4px #78ccff;
			}
			.editArea ul.link li.out a
			{
				background           : #fff;
			}
	
	.editArea .btn
	{
		text-align:center;
	}
		.editArea .btn a
		{
			display       : inline-block;
			margin        : 0 0 2px 0;
			padding       : 15px 35px;
			
			-webkit-border-radius : 5px;
			-moz-border-radius    : 5px;
			border-radius         : 5px;
			
			color           : #fff;
			text-decoration : none;
			text-shadow     : -1px -1px 0px #ccc;
			font-size       : 155%;
			
			-webkit-animation-name           : greenPulse;
			-webkit-animation-duration       : 2s;
			-webkit-animation-iteration-count: infinite;
			
			background           : #FEEE75;
			
			-webkit-box-shadow   : 0px 1px 5px #ddd;
			-moz-box-shadow      : 0px 1px 5px #ddd;
			box-shadow           : 0px 1px 5px #ddd;
		}
		.editArea .btn a:active
		{
			margin    : 1px 0 1px 0;
		}